.group-watch-shell {
    --group-watch-control-border: var(--btn-border, #9aa8b9);
    --group-watch-control-width: 138px;
    background: var(--bg, #fff);
    border: 1px solid var(--tbl-border, rgba(128, 128, 128, 0.28));
    border-radius: var(--radius-sm, 4px);
    box-shadow: none;
    margin: 12px 4px;
    overflow: visible;
    padding: 8px;
}

html.ta-page-index #groupFilterGenerator,
html.ta-page-index #categorizedColumnPicker {
    background: rgba(20, 29, 40, .46);
    box-sizing: border-box;
    display: none;
    height: 100vh;
    height: 100dvh;
    inset: 0;
    overflow-y: auto;
    padding: 10px;
    position: fixed;
    width: 100vw;
    z-index: 10020;
}

html.ta-page-index #categorizedColumnPicker {
    z-index: 10030;
}

/* Advanced market-watch custom calculated columns */
.group-builder-modal.custom-column-modal {
    direction: rtl;
    width: min(1040px, calc(100vw - 28px));
}

body.market-watch-pro-page #customColumnGenerator,
body.market-watch-pro-page #groupFilterGenerator {
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    padding: 0;
    overflow: hidden;
}

body.market-watch-pro-page .group-builder-modal.custom-column-modal,
body.market-watch-pro-page .group-builder-modal.group-filter-modal {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    overflow-y: auto;
    padding: 10px;
}

.custom-column-list { min-height: 42px; }
.custom-column-list-empty { color: var(--text-sec, #666); padding: 10px 4px; }

.custom-column-list .group-builder-tab {
    min-width: 70px;
    height: 34px;
    padding: 5px 10px;
    border: 1px solid #8f9bab;
    border-radius: 0;
    background: var(--bg-sec, #fff);
    color: var(--text-main, #222);
    font-family: IRANSansX, IRANSans, Arial, sans-serif;
    cursor: pointer;
}

.custom-column-list .group-builder-tab.is-active {
    border-color: #376fb4;
    background: #376fb4;
    color: #fff;
}

.custom-column-toolbar,
.custom-column-source,
.custom-column-step,
.custom-column-footer {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-column-toolbar {
    flex-wrap: wrap;
    padding: 12px 0;
    border-bottom: 1px solid rgba(128, 128, 128, .35);
}

.custom-column-toolbar > input,
.custom-column-toolbar > label,
.custom-column-toolbar .group-tool-button { min-width: 138px; }

.custom-column-toolbar label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.custom-column-toolbar label input { width: 54px; }
.custom-column-toolbar label select { width: 190px; }

.custom-column-format-title {
    min-width: auto;
    font-weight: 700;
    color: #376fb4;
}

.custom-column-toolbar .custom-column-toman-option {
    min-width: auto;
    justify-content: flex-start;
}

.custom-column-toolbar .custom-column-toman-option input {
    width: 18px;
    height: 18px;
}

.custom-column-toolbar input,
.custom-column-toolbar select,
.custom-column-source input,
.custom-column-source select,
.custom-column-step input,
.custom-column-step select {
    height: 36px;
    border: 1px solid #8f9bab;
    border-radius: 0;
    background: var(--bg-sec, #fff);
    color: var(--text-main, #222);
    font-family: IRANSansX, IRANSans, Arial, sans-serif;
    box-sizing: border-box;
}

.custom-column-help {
    margin: 10px 0;
    padding: 9px 12px;
    background: rgba(55, 111, 180, .08);
    border-right: 3px solid #376fb4;
}

.custom-column-expression {
    max-height: min(52vh, 480px);
    overflow: auto;
    border: 1px solid rgba(128, 128, 128, .45);
    background: var(--bg-main, #fff);
}

.custom-column-source,
.custom-column-step {
    min-width: 680px;
    padding: 9px;
    border-bottom: 1px solid rgba(128, 128, 128, .28);
}

.custom-column-source { background: rgba(128, 128, 128, .09); }
.custom-column-source select,
.custom-column-step select { width: 190px; }
.custom-column-source .categorized-column-trigger,
.custom-column-step .categorized-column-trigger { width: 190px; height: 36px; }
.custom-column-source input,
.custom-column-step > input { width: 130px; }

.custom-column-step-number {
    width: 72px;
    flex: 0 0 72px;
    font-weight: 700;
    color: #376fb4;
}

.custom-column-remove-step {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #b64040;
    border-radius: 0;
    background: transparent;
    color: #b64040;
    font-size: 21px;
    cursor: pointer;
}

.custom-column-digits {
    display: none;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.custom-column-digits input { width: 52px; }

.custom-column-parenthesis {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 36px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.custom-column-parenthesis select {
    width: 142px;
    min-width: 142px;
    padding: 0 6px;
    font-size: 12px;
}

.custom-column-parenthesis-status {
    margin: 0 0 8px;
    color: #3b6e42;
    font-size: 12px;
}

.custom-column-parenthesis-status.is-open { color: #96640f; }
.custom-column-parenthesis-status.is-error { color: #a52d2d; }

.custom-column-formula-preview {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin: 0 0 10px;
    padding: 7px 11px;
    overflow-x: auto;
    border: 1px solid rgba(55, 111, 180, .4);
    background: rgba(55, 111, 180, .06);
    white-space: nowrap;
}

.custom-column-formula-preview > span {
    flex: 0 0 auto;
    font-weight: 700;
    color: #376fb4;
}

#customColumnFormulaPreview {
    direction: ltr;
    unicode-bidi: isolate;
    font-family: Consolas, "Courier New", monospace;
    font-size: 15px;
}

.custom-column-source.is-inside-parenthesis,
.custom-column-step.is-inside-parenthesis {
    box-shadow: inset -4px 0 0 rgba(55, 111, 180, .55);
    background-image: linear-gradient(to left, rgba(55, 111, 180, .08), transparent 28%);
}

.custom-column-step.is-unary [data-custom-role="operand-type"],
.custom-column-step.is-unary [data-custom-role="operand-column"],
.custom-column-step.is-unary [data-custom-role="operand-value"],
.custom-column-step.is-unary .custom-column-parenthesis { display: none; }
.custom-column-step.is-round .custom-column-digits { display: flex; }

.custom-column-footer {
    justify-content: flex-start;
    padding-top: 12px;
}

.custom-column-message--error {
    color: #a52d2d;
    border-color: #a52d2d;
}

/* One readable expression per visual line. Each line keeps its calculations inline. */
.custom-column-source,
.custom-column-line {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    min-width: 0;
    padding: 9px;
    box-sizing: border-box;
    overflow-x: auto;
    border-bottom: 1px solid rgba(128, 128, 128, .28);
}

.custom-column-line-head,
.custom-column-line-start,
.custom-column-inline-steps,
.custom-column-inline-step {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 7px;
}

.custom-column-line-start,
.custom-column-inline-step {
    flex: 0 0 auto;
}

.custom-column-line-head,
.custom-column-inline-steps { flex: 0 0 auto; }

.custom-column-inline-step {
    padding-right: 8px;
    border-right: 2px solid rgba(55, 111, 180, .3);
}

.custom-column-source .custom-column-inline-steps:empty::after {
    content: "یک محاسبه لازم است";
    padding: 8px 12px;
    color: #a52d2d;
    border: 1px dashed #a52d2d;
    white-space: nowrap;
}

.custom-column-line input,
.custom-column-line select {
    height: 36px;
    border: 1px solid #8f9bab;
    border-radius: 0;
    background: var(--bg-sec, #fff);
    color: var(--text-main, #222);
    font-family: IRANSansX, IRANSans, Arial, sans-serif;
    box-sizing: border-box;
}

.custom-column-line [data-custom-role="operation"],
.custom-column-source [data-custom-role="operation"] { width: 145px; }

.custom-column-line [data-custom-role="operand-type"],
.custom-column-source [data-custom-role="operand-type"],
.custom-column-source [data-custom-role="source-type"] { width: 110px; }

.custom-column-line .categorized-column-trigger,
.custom-column-source .categorized-column-trigger { width: 175px; height: 36px; }

.custom-column-line [data-custom-role="operand-value"],
.custom-column-source [data-custom-role="source-value"] { width: 110px; }

.custom-column-source .custom-column-parenthesis-select,
.custom-column-line .custom-column-parenthesis-select {
    width: 112px;
    min-width: 112px;
    padding: 0 8px;
    direction: ltr;
    unicode-bidi: isolate;
    text-align: center;
    font-size: 15px;
}

.custom-column-parenthesis-select[hidden] { display: none; }

.custom-column-add-inline-step {
    position: sticky;
    left: 0;
    z-index: 1;
    flex: 0 0 auto;
    height: 34px;
    padding: 0 10px;
    border: 1px dashed #376fb4;
    background: var(--bg-main, #fff);
    color: #285e9f;
    font-family: IRANSansX, IRANSans, Arial, sans-serif;
    cursor: pointer;
    white-space: nowrap;
}

.custom-column-remove-line,
.custom-column-remove-calculation {
    width: 28px;
    min-width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #b64040;
    background: transparent;
    color: #b64040;
    font-size: 19px;
    cursor: pointer;
}

.custom-column-remove-calculation:disabled {
    cursor: not-allowed;
    opacity: .35;
}

.custom-column-source.is-incomplete,
.custom-column-line.is-incomplete { background-color: rgba(182, 64, 64, .06); }

.custom-column-inline-step.is-unary [data-custom-role="operand-type"],
.custom-column-inline-step.is-unary [data-custom-role="operand-column"],
.custom-column-inline-step.is-unary [data-custom-role="operand-value"],
.custom-column-inline-step.is-unary .custom-column-parenthesis,
.custom-column-inline-step.is-unary .custom-column-parenthesis-select { display: none; }

.custom-column-inline-step.is-round .custom-column-digits { display: flex; }

.custom-column-inline-step.is-inside-parenthesis {
    background: rgba(55, 111, 180, .08);
}

.categorized-column-trigger {
    overflow: hidden;
    border: 1px solid #8f9bab;
    border-radius: 0;
    background: var(--bg-input, var(--bg, #fff));
    color: var(--text-main, #222);
    font-family: IRANSansX, IRANSans, Arial, sans-serif;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.categorized-column-trigger::after {
    content: '⌄';
    float: left;
    margin-inline-start: 5px;
    color: #376fb4;
}

.group-condition-expression .categorized-column-trigger {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    height: 29px;
    padding: 3px 6px;
    font-size: 11px;
}

.categorized-column-picker {
    z-index: 10030;
    background: rgba(20, 29, 40, .46);
}

.group-builder-modal.categorized-column-picker-modal {
    direction: rtl;
    width: min(1080px, calc(100vw - 36px));
    max-height: 92vh;
}

.categorized-column-search-wrap {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 8px 0 10px;
    padding: 0 9px;
    border: 1px solid #8f9bab;
    background: var(--bg-input, var(--bg, #fff));
}

.categorized-column-search-wrap input {
    width: 100%;
    height: 38px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-main, #222);
    font-family: IRANSansX, IRANSans, Arial, sans-serif;
}

.categorized-column-search-wrap .fa { color: #376fb4; }

.categorized-column-groups {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: calc(92vh - 125px);
    overflow-y: auto;
    padding-inline-end: 2px;
}

.categorized-column-group {
    border: 1px solid rgba(128, 128, 128, .38);
    background: var(--bg, #fff);
}

.categorized-column-group h4 {
    margin: 0;
    padding: 6px 9px;
    border-bottom: 1px solid rgba(128, 128, 128, .32);
    background: rgba(55, 111, 180, .10);
    color: var(--text-main, #222);
    font-size: 12px;
}

.categorized-column-group--custom h4 {
    background: #376fb4;
    color: #fff;
}

.categorized-column-buttons {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    padding: 6px;
}

.categorized-column-option {
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid #9aa8b9;
    border-radius: 0;
    background: var(--bg-sec, var(--bg, #fff));
    color: var(--text-main, #222);
    font-family: IRANSansX, IRANSans, Arial, sans-serif;
    font-size: 11px;
    cursor: pointer;
    text-align: right;
}

.categorized-column-option:hover,
.categorized-column-option:focus-visible,
.categorized-column-option.is-selected {
    border-color: #376fb4;
    background: #376fb4;
    color: #fff;
    outline: 0;
}

@media (max-width: 720px) {
    .group-builder-modal.custom-column-modal { width: calc(100vw - 10px); }
    .custom-column-toolbar { flex-wrap: nowrap; overflow-x: auto; }
    .custom-column-toolbar > input,
    .custom-column-toolbar > label,
    .custom-column-toolbar .group-tool-button {
        flex: 0 0 128px;
        min-width: 128px;
    }

    .group-builder-modal.categorized-column-picker-modal {
        width: calc(100vw - 10px);
    }

    .categorized-column-buttons {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Full-viewport builders are opt-in so legacy page modals keep their existing size. */
html .fullModal.group-fullscreen-builder {
    background: var(--bg, #fff);
    box-sizing: border-box;
    height: 100vh;
    height: 100dvh;
    inset: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    width: 100%;
}

.group-fullscreen-builder > .group-builder-modal {
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow-y: auto;
    padding: 9px;
    width: 100%;
}

.group-template-modal .group-builder-close,
.group-filter-modal .group-builder-close,
.custom-column-modal .group-builder-close,
.industry-builder-modal .group-builder-close {
    align-items: center;
    display: inline-flex;
    flex: 0 0 44px;
    font-size: 36px;
    height: 44px;
    justify-content: center;
    line-height: 1;
    min-width: 44px;
    padding: 0;
}

.group-watch-heading {
    align-items: center;
    border-bottom: 1px solid var(--tbl-border, rgba(128, 128, 128, 0.28));
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 6px;
    padding: 2px 4px 6px;
}

html.ta-page-group .group-watch-heading .h2 {
    font-size: 17px;
    line-height: 1.45;
    margin: 0;
}

.group-watch-eyebrow,
.group-builder-kicker {
    color: var(--text-gray, #666);
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.group-data-status {
    border-inline-start: 3px solid var(--tbl-header-group, #2c5f9e);
    color: var(--text-main, #333);
    font-size: 11px;
    line-height: 1.4;
    min-height: 16px;
    padding: 3px 7px;
    white-space: nowrap;
}

.group-data-status.minus {
    border-inline-start-color: #a31212;
    color: #a31212;
}

.group-watch-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 7px;
    margin-bottom: 7px;
}

.group-watch-control {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 5px;
    min-height: 30px;
    min-width: 0;
}

.group-watch-control label {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
}

.group-watch-toolbar select,
.group-builder-actions input,
.group-condition-expression select,
.group-condition-expression input {
    background: var(--bg-input, var(--bg, #fff));
    border: 1px solid var(--group-watch-control-border, var(--btn-border, #9aa8b9));
    border-radius: 0;
    color: var(--text-main, inherit);
    font: inherit;
    font-size: 11px;
    height: 29px;
    line-height: 1.2;
    min-width: 0;
    padding: 3px 6px;
}

.group-watch-toolbar select:focus-visible,
.group-builder-actions input:focus-visible,
.group-condition-expression select:focus-visible,
.group-condition-expression input:focus-visible {
    border-color: var(--tbl-header, #2c5f9e);
    box-shadow: 0 0 0 2px rgba(44, 95, 158, 0.15);
    outline: 0;
}

.group-tool-button,
.group-text-button,
.group-builder-close {
    cursor: pointer;
    font-family: inherit;
}

.group-tool-button,
.group-builder-button {
    align-items: center;
    background: var(--tbl-header-group, #2c5f9e);
    border: 1px solid var(--tbl-header-group, #2c5f9e);
    border-radius: 0;
    color: var(--btn-text, #fff);
    display: inline-flex;
    font-family: iransansx, sans-serif;
    font-size: 11px;
    gap: 5px;
    height: 29px;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    padding: 4px 8px;
    white-space: nowrap;
}

.group-tool-button:hover,
.group-tool-button:focus-visible,
.group-builder-button:hover,
.group-builder-button:focus-visible {
    background: #142e58;
}

.group-tool-button--secondary,
.group-builder-button--secondary {
    background: var(--btn-bg-sec, #e8f0fb);
    border: 1px solid var(--group-watch-control-border, var(--btn-border, #9aa8b9));
    color: var(--btn-text-sec, var(--text-main, #222));
}

.group-tool-button--secondary:hover,
.group-tool-button--secondary:focus-visible,
.group-builder-button--secondary:hover,
.group-builder-button--secondary:focus-visible {
    background: var(--tbl-bg-hover, #d8d8f8);
}

.group-tool-button--danger {
    background: #9e2525;
    border-color: #9e2525;
}

.group-tool-button--danger:hover,
.group-tool-button--danger:focus-visible {
    background: #7c1b1b;
}

.group-watch-export {
    flex: 0 0 auto;
    width: var(--group-watch-control-width);
}

.group-watch-export .watch-export-trigger {
    background: var(--tbl-header-group, #2c5f9e);
    border: 1px solid var(--tbl-header-group, #2c5f9e);
    border-radius: 0;
    box-sizing: border-box;
    font-size: 11px;
    height: 29px;
    min-height: 29px;
    max-width: var(--group-watch-control-width);
    min-width: var(--group-watch-control-width);
    padding: 4px 8px;
    width: var(--group-watch-control-width);
}

.group-watch-export .watch-export-trigger:hover,
.group-watch-export .watch-export-trigger:focus-visible {
    background: #142e58;
}

.group-watch-export .watch-export-menu {
    background: var(--bg, #fff);
    border-color: var(--tbl-border, #999);
    border-radius: 0;
}

.group-watch-toolbar select,
.group-watch-toolbar .group-tool-button {
    box-sizing: border-box;
    flex: 0 0 var(--group-watch-control-width);
    max-width: var(--group-watch-control-width);
    min-width: var(--group-watch-control-width);
    overflow: hidden;
    text-overflow: ellipsis;
    width: var(--group-watch-control-width);
}

.group-watch-toolbar #templateSelector {
    flex-basis: 178px;
    max-width: 178px;
    min-width: 178px;
    width: 178px;
}

.group-watch-toolbar #articleVis {
    flex-basis: 230px;
    max-width: 230px;
    min-width: 230px;
    width: 230px;
}

html.ta-page-group #industriesTable .group-order-volume {
    min-width: 132px;
    width: 132px;
}

.group-watch-toolbar .group-tool-button,
.group-watch-toolbar .group-tool-button--secondary {
    background: var(--tbl-header-group, #2c5f9e);
    border-color: var(--tbl-header-group, #2c5f9e);
    color: var(--text-neg, #fff);
}

.group-subscriber-message {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 8px;
    justify-content: space-between;
    margin: 5px 0 7px;
    padding-block: 5px;
}

.group-subscriber-message[hidden] {
    display: none;
}

.group-subscriber-message a {
    background: var(--btn-bg, #1a3a6e);
    border-radius: var(--radius-sm, 4px);
    color: var(--btn-text, #fff);
    padding: 4px 8px;
    white-space: nowrap;
}

/* DataTables must own the horizontal scroll container for FixedColumns to work. */
.group-watch-table-wrap {
    direction: rtl;
    overflow: visible;
    width: 100%;
}

html.ta-page-group #industriesTable,
html.ta-page-group #industriesTable_wrapper,
html.ta-page-group #industriesTable_wrapper .dt-scroll,
html.ta-page-group #industriesTable_wrapper .dt-scroll-head,
html.ta-page-group #industriesTable_wrapper .dt-scroll-body {
    direction: rtl;
}

html.ta-page-group #industriesTable_wrapper .dt-scroll-body {
    isolation: isolate;
    overflow-x: auto !important;
    position: relative;
}

html.ta-page-group .group-watch-symbol,
html.ta-page-group #industriesTable_wrapper .dt-scroll-head tr > :first-child,
html.ta-page-group #industriesTable_wrapper .dt-scroll-body tr > :first-child {
    box-sizing: border-box;
    min-width: 130px !important;
    width: 130px !important;
}

html.ta-page-group .group-watch-symbol,
html.ta-page-group #industriesTable_wrapper .dt-scroll-head tr > :first-child,
html.ta-page-group #industriesTable_wrapper .dt-scroll-body tr > :first-child {
    inset-inline-start: 0 !important;
    left: auto !important;
    position: sticky !important;
    right: 0 !important;
}

html.ta-page-group thead .group-watch-symbol.dtfc-fixed-start,
html.ta-page-group #industriesTable_wrapper .dt-scroll-head tr > :first-child {
    background: var(--tbl-header-group, #2c5f9e);
    z-index: 1002 !important;
}

html.ta-page-group #industriesTable_wrapper tbody .group-watch-symbol.dtfc-fixed-start,
html.ta-page-group #industriesTable_wrapper .dt-scroll-body tr > :first-child {
    background: var(--bg, #fff);
    z-index: 101 !important;
}

html.ta-page-group #industriesTable_wrapper tbody tr:nth-child(even) .group-watch-symbol.dtfc-fixed-start,
html.ta-page-group #industriesTable_wrapper .dt-scroll-body tr:nth-child(even) > :first-child {
    background: var(--tbl-bg-even, #f5f5f5);
}

html.ta-page-group #industriesTable_wrapper tbody tr:hover .group-watch-symbol.dtfc-fixed-start,
html.ta-page-group #industriesTable_wrapper .dt-scroll-body tr:hover > :first-child {
    background: var(--tbl-bg-hover, #d8d8f8);
}

.group-builder-modal {
    --group-watch-control-border: var(--btn-border, #9aa8b9);
    background: var(--bg, #fff);
    border: 1px solid var(--tbl-border, #aaa);
    border-radius: var(--radius-sm, 4px);
    box-shadow: none;
    box-sizing: border-box;
    margin: 2vh auto;
    max-height: 96vh;
    max-width: 1180px;
    overflow-y: auto;
    padding: 9px;
    width: calc(100% - 28px);
}

.fullModal.group-template-overlay {
    box-sizing: border-box;
    height: 100vh;
    height: 100dvh;
    inset: 0;
    overflow: hidden;
    padding: 0;
    width: 100vw;
}

.group-template-overlay .group-template-modal {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 9px;
    width: 100%;
}

.group-template-overlay .group-builder-grid {
    flex: 1 1 auto;
    min-height: 0;
}

.group-template-overlay .group-builder-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.group-template-overlay .group-template-modal #columns,
.group-template-overlay .group-template-modal #resultcolumn,
.group-template-overlay .group-template-columns,
.group-template-overlay .group-template-result {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
}

.group-builder-header {
    align-items: center;
    border-bottom: 2px solid var(--tbl-header-group, #2c5f9e);
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 2px 3px 6px;
}

.group-builder-header h3 {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.group-builder-close {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--text-main, #333);
    font-size: 28px;
    height: 30px;
    line-height: 26px;
    padding: 0 6px;
}

.group-builder-close:hover,
.group-builder-close:focus-visible {
    color: #a31212;
    outline: 1px solid var(--tbl-border, #aaa);
}

.group-builder-actions,
.group-filter-actions {
    align-items: center;
    background: var(--bg-sec, var(--bg, #fff));
    border-bottom: 1px solid var(--tbl-border, #aaa);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    grid-template-columns: none;
    margin: 0 0 7px;
    padding: 5px 2px 7px;
}

.group-builder-actions input,
.group-filter-actions input {
    flex: 0 0 var(--group-watch-control-width, 138px);
    max-width: var(--group-watch-control-width, 138px);
    min-width: var(--group-watch-control-width, 138px);
    width: var(--group-watch-control-width, 138px);
}

.group-builder-actions .group-tool-button,
.group-builder-actions .group-builder-button {
    box-sizing: border-box;
    flex: 0 0 var(--group-watch-control-width, 138px);
    max-width: var(--group-watch-control-width, 138px);
    min-width: var(--group-watch-control-width, 138px);
    overflow: hidden;
    text-overflow: ellipsis;
    width: var(--group-watch-control-width, 138px);
}

.group-builder-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 5px;
    padding: 2px;
}

.group-template-modal .group-builder-tabs .btnte {
    background: var(--btn-bg-sec, #e8f0fb);
    border: 1px solid var(--tbl-border, #aaa);
    border-radius: 0;
    color: var(--btn-text-sec, var(--text-main, #222));
    cursor: pointer;
    font-size: 11px;
    padding: 4px 6px;
}

.group-filter-builder-list .btnte {
    background: var(--btn-bg-sec, #e8f0fb);
    border: 1px solid var(--tbl-border, #aaa);
    border-radius: 0;
    color: var(--btn-text-sec, var(--text-main, #222));
    cursor: pointer;
    font-size: 11px;
    padding: 4px 6px;
}

.group-template-modal .group-builder-tabs .btnte.grn {
    background: var(--tbl-header-group, #2c5f9e);
    color: var(--text-neg, #fff);
}

.group-filter-builder-list .btnte.grn {
    background: var(--tbl-header-group, #2c5f9e);
    color: var(--text-neg, #fff);
}

.group-template-modal .group-builder-tabs .tmpx {
    margin-inline-start: 8px;
}

.group-filter-builder-list {
    background: var(--bg-sec, var(--bg, #fff));
    border-bottom: 1px solid var(--tbl-border, #aaa);
    direction: rtl;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 3px 2px 6px;
}

html.ta-page-group .group-filter-builder-list .btnte {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: iransansx, sans-serif;
    gap: 7px;
    justify-content: center;
    min-width: 70px;
    white-space: nowrap;
}

.group-filter-edit-button .fa-edit {
    font-size: 12px;
}

.group-filter-actions .group-tool-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.group-template-modal .group-builder-grid {
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(230px, 1fr) minmax(0, 2fr);
}

.group-builder-panel {
    border: 1px solid var(--tbl-border, #aaa);
    min-width: 0;
    padding: 0;
}

.group-builder-panel__title {
    background: var(--tbl-header-group, #2c5f9e);
    color: var(--text-neg, #fff);
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 5px 7px;
    text-align: center;
}

.group-template-modal #columns,
.group-template-modal #resultcolumn,
.group-template-modal .group-template-columns,
.group-template-modal .group-template-result {
    border: 0;
    margin: 0;
    max-height: calc(96vh - 205px);
    min-height: 320px;
    overflow-y: auto;
    padding: 4px;
}

.group-template-modal #resultcolumn,
.group-template-modal .group-template-result {
    background: var(--tbl-bg, #eee);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.group-template-modal #resultcolumn .parentz,
.group-template-modal .group-template-result .parentz {
    background: var(--tbl-bg-even, #f5f5f5);
}

.group-template-modal #resultcolumn .parentz.is-restricted-selection,
.group-template-modal .group-template-result .parentz.is-restricted-selection {
    background: rgba(190, 58, 58, 0.14);
    border-color: rgba(190, 58, 58, 0.28);
    color: var(--text-main, #702b2b);
}

.group-template-modal #resultcolumn .parentz + .parentz,
.group-template-modal .group-template-result .parentz + .parentz {
    border-top: 0;
}

.group-template-modal #columns,
.group-template-modal .group-template-columns {
    align-content: start;
    display: grid;
    gap: 3px;
    grid-auto-rows: minmax(29px, auto);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.group-template-modal .parentz {
    align-items: center;
    background: var(--bg, #fff);
    border: 1px solid var(--tbl-border, #aaa);
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 0;
    min-height: 29px;
    padding: 3px 5px;
}

.group-template-modal .group-template-column-card {
    gap: 8px;
    justify-content: flex-start;
}

.group-template-column-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-template-column-actions {
    align-items: center;
    direction: ltr;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
    margin-inline-start: auto;
}

.group-template-add,
.group-template-remove {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 26px;
    font-family: iransansx, sans-serif;
    height: 26px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 26px;
}

.group-template-add {
    color: #14733d;
    font-size: 22px;
    line-height: 1;
}

.group-template-remove {
    color: #a52727;
    font-size: 21px;
    line-height: 20px;
}

.group-template-add:hover,
.group-template-add:focus-visible,
.group-template-remove:hover,
.group-template-remove:focus-visible {
    background: var(--btn-bg-sec, #e8f0fb);
    outline: 1px solid var(--tbl-border, #aaa);
}

.group-template-lock {
    align-items: center;
    background: rgba(58, 91, 128, 0.1);
    border: 1px solid rgba(58, 91, 128, 0.24);
    border-radius: 50%;
    color: var(--text-sec, #617084);
    display: inline-flex;
    flex: 0 0 24px;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.group-template-lock .fa-lock {
    font-size: 11px;
}

.group-template-modal #columns .disablex .group-template-add {
    pointer-events: none;
    visibility: hidden;
}

.group-template-modal #columns .parentz.disablex,
.group-template-modal .group-template-columns .parentz.disablex {
    background: rgba(160, 160, 160, 0.45);
    color: var(--text-main, #222);
}

.group-template-modal #columns .parentz > .fa-plus.left,
.group-template-modal .group-template-columns .parentz > .fa-plus.left {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: #14733d;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 26px;
    float: none;
    font-family: iransansx, sans-serif;
    font-size: 0;
    height: 26px;
    justify-content: center;
    margin: 0;
    width: 26px;
}

.group-template-modal #columns .parentz > .fa-plus.left::before,
.group-template-modal .group-template-columns .parentz > .fa-plus.left::before {
    content: "+";
    font-family: iransansx, sans-serif;
    font-size: 22px;
    line-height: 1;
}

.group-template-modal #columns .parentz > .fa-plus.left:hover,
.group-template-modal #columns .parentz > .fa-plus.left:focus-visible,
.group-template-modal .group-template-columns .parentz > .fa-plus.left:hover,
.group-template-modal .group-template-columns .parentz > .fa-plus.left:focus-visible {
    background: var(--btn-bg-sec, #e8f0fb);
    outline: 1px solid var(--tbl-border, #aaa);
}

.group-template-modal #columns .parentz.disablex > .fa-plus.left,
.group-template-modal .group-template-columns .parentz.disablex > .fa-plus.left {
    display: none;
    pointer-events: none;
}

.group-template-modal #columns .parentz > .fa-lock.left,
.group-template-modal .group-template-columns .parentz > .fa-lock.left {
    align-items: center;
    background: rgba(58, 91, 128, 0.1);
    border: 1px solid rgba(58, 91, 128, 0.24);
    border-radius: 50%;
    color: var(--text-sec, #617084);
    display: inline-flex;
    flex: 0 0 24px;
    float: none;
    font-size: 11px;
    height: 24px;
    justify-content: center;
    margin: 0;
    width: 24px;
}

.group-template-message {
    margin: 0 0 7px;
}

.group-template-modal #columns > .group-template-family {
    grid-column: 1 / -1;
}

.market-pro-template-modal #columns {
    display: block;
}

.market-pro-template-modal #columns > .group-template-family {
    box-sizing: border-box;
    display: block;
    margin: 0 0 10px;
    width: 100%;
}

.market-pro-template-modal #columns > .group-template-family > label {
    background: transparent;
    border-bottom: 0;
    margin: 0 2px 4px;
    padding: 0;
}

.market-pro-template-modal #columns > .group-template-family > .quarter {
    border: 2px solid var(--text-sec, #555);
    box-sizing: border-box;
    padding: 3px;
}

.group-template-modal .group-template-family > label {
    background: var(--bg-sec, var(--bg, #fff));
    border-bottom: 1px solid var(--tbl-border, #aaa);
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 3px;
    padding: 4px 5px;
}

.group-template-modal .group-template-family > .quarter {
    align-content: start;
    align-self: start;
    border: 0;
    display: grid;
    gap: 3px;
    grid-auto-rows: minmax(29px, auto);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.group-template-modal #columns > .quarter {
    align-content: start;
    align-self: start;
    border: 0;
    display: grid;
    gap: 3px;
    grid-auto-rows: minmax(29px, auto);
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.group-template-modal #resultcolumn .fa-trash.left,
.group-template-modal .group-template-result .fa-trash.left {
    align-items: center;
    background: transparent;
    border: 0;
    color: #a52727;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 24px;
    float: none;
    font-size: 0;
    height: 24px;
    justify-content: center;
    margin-inline-start: 6px;
    width: 24px;
}

.group-template-modal #resultcolumn .fa-trash.left::before,
.group-template-modal .group-template-result .fa-trash.left::before {
    content: "\00d7";
    font-family: iransansx, sans-serif;
    font-size: 21px;
    line-height: 20px;
}

.group-template-modal #resultcolumn .fa-trash.left:hover,
.group-template-modal #resultcolumn .fa-trash.left:focus-visible,
.group-template-modal .group-template-result .fa-trash.left:hover,
.group-template-modal .group-template-result .fa-trash.left:focus-visible {
    background: var(--btn-bg-sec, #e8f0fb);
    outline: 1px solid var(--tbl-border, #aaa);
}

.group-filter-table-wrap {
    overflow-x: auto;
    width: 100%;
}

.group-filter-table {
    border-collapse: collapse;
    direction: rtl;
    min-width: 760px;
    width: 100%;
}

.group-filter-table th,
.group-filter-table td {
    border: 1px solid var(--tbl-border, #aaa);
    font-size: 11px;
    padding: 6px;
    text-align: center;
}

.group-filter-table th:first-child,
.group-filter-table td:first-child {
    box-sizing: border-box;
    min-width: 36px;
    padding-inline: 2px;
    position: sticky;
    right: 0;
    width: 36px;
}

.group-filter-table th:first-child {
    z-index: 3;
}

.group-filter-table td:first-child {
    background: var(--bg, #fff);
    z-index: 2;
}

.group-filter-table th:nth-child(2),
.group-filter-table td:nth-child(2) {
    box-sizing: border-box;
    min-width: 44px;
    padding-inline: 2px;
    width: 44px;
}

.group-condition-block-input {
    background: var(--bg-input, var(--bg, #fff));
    border: 1px solid var(--group-watch-control-border, var(--btn-border, #9aa8b9));
    border-radius: 0;
    box-sizing: border-box;
    color: var(--text-main, inherit);
    font: inherit;
    height: 29px;
    padding: 3px;
    text-align: center;
    width: 34px;
}

.group-filter-logic-hint {
    background: var(--btn-bg-sec, #e8f0fb);
    border-right: 3px solid var(--tbl-header-group, #2c5f9e);
    color: var(--btn-text-sec, var(--text-main, #222));
    font-size: 11px;
    margin-bottom: 5px;
    padding: 4px 7px;
}

.group-filter-sentence-preview {
    align-items: baseline;
    background: var(--card-bg, #fff);
    border: 1px solid var(--tbl-border, #c8d3df);
    border-right: 3px solid var(--tbl-header-group, #2c5f9e);
    color: var(--text-main, #222);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    line-height: 1.9;
    margin-bottom: 7px;
    padding: 6px 9px;
}

.group-filter-sentence-preview > span {
    color: var(--tbl-header-group, #2c5f9e);
    flex: 0 0 auto;
    font-weight: 700;
}

.group-filter-sentence-preview > bdi {
    font-weight: 500;
    unicode-bidi: plaintext;
}

.group-filter-table th {
    background: var(--tbl-header-group, #2c5f9e);
    color: var(--text-neg, #fff);
    font-weight: 500;
}

.group-condition-expression {
    align-items: center;
    display: flex;
    direction: rtl;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: flex-start;
    min-width: max-content;
}

.group-condition-side {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 3px;
}

.group-condition-side [hidden] {
    display: none;
}

.group-condition-expression input {
    max-width: 64px;
    min-width: 64px;
    text-align: center;
    width: 64px;
}

.group-condition-expression select {
    max-width: 86px;
    min-width: 86px;
    width: 86px;
}

.group-condition-expression select[data-filter-role$="Operation"] {
    max-width: 72px;
    min-width: 72px;
    width: 72px;
}

.group-condition-expression select[data-filter-role$="OperandType"] {
    max-width: 58px;
    min-width: 58px;
    width: 58px;
}

.group-condition-expression select[data-filter-role$="Mode"] {
    max-width: 88px;
    min-width: 88px;
    width: 88px;
}

.group-condition-expression select[data-filter-role="comparator"] {
    background: #fff4d6;
    border: 2px solid #b56a00;
    color: #6b3d00;
    font-weight: 700;
    max-width: 108px;
    min-width: 108px;
    width: 108px;
}

.group-condition-unit {
    color: var(--text-gray, #666);
    font-size: 11px;
    white-space: nowrap;
}

.group-condition-unit[hidden] {
    display: none;
}

.group-condition-delete {
    background: var(--btn-bg-sec, #e8f0fb);
    border: 1px solid var(--tbl-border, #aaa);
    border-radius: 0;
    color: #a52727;
    cursor: pointer;
    font-size: 16px;
    padding: 3px 5px;
}

.group-filter-empty {
    color: var(--text-gray, #666);
    font-size: 12px;
    padding: 16px;
    text-align: center;
}

.group-filter-backup {
    border-top: 1px solid var(--tbl-border, #aaa);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 7px;
    padding-top: 6px;
}

.group-text-button {
    background: var(--btn-bg-sec, #e8f0fb);
    border: 0;
    border-bottom: 1px solid var(--btn-border, #999);
    border-radius: 0;
    color: var(--btn-text-sec, var(--text-main, #222));
    font-size: 11px;
    padding: 4px 7px;
}

.group-text-button--danger {
    color: #a52727;
}

.group-filter-backup .group-text-button {
    box-sizing: border-box;
    max-width: var(--group-watch-control-width, 138px);
    min-width: var(--group-watch-control-width, 138px);
    overflow: hidden;
    text-overflow: ellipsis;
    width: var(--group-watch-control-width, 138px);
}

@media (max-width: 820px) {
    .group-watch-shell {
        --group-watch-control-width: 108px;
        margin-inline: 0;
        padding: 6px 4px;
    }

    .group-watch-heading {
        gap: 2px 6px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding-inline: 2px;
    }

    .group-watch-heading__title {
        display: contents;
    }

    .group-watch-heading .group-watch-eyebrow {
        grid-column: 1;
        grid-row: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html.ta-page-group .group-watch-heading .h2 {
        font-size: 13px;
        grid-column: 1 / -1;
        grid-row: 2;
        line-height: 1.4;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .group-data-status {
        font-size: 10px;
        grid-column: 2;
        grid-row: 1;
        padding-block: 1px;
    }

    .group-watch-toolbar {
        align-items: stretch;
        display: grid;
        gap: 3px;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .group-watch-control,
    .group-watch-control--actions {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 4px;
        width: 100%;
    }

    .group-watch-control select {
        flex: 0 0 var(--group-watch-control-width);
        max-width: var(--group-watch-control-width);
        width: var(--group-watch-control-width);
    }

    .group-watch-control .group-tool-button {
        flex: 0 0 auto;
    }

    .group-watch-export,
    .group-watch-export .watch-export-trigger,
    .group-watch-toolbar > .group-tool-button {
        box-sizing: border-box;
        max-width: var(--group-watch-control-width);
        min-width: var(--group-watch-control-width);
        width: var(--group-watch-control-width);
    }

    .group-watch-toolbar > .group-tool-button {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .group-subscriber-message {
        align-items: stretch;
        flex-direction: column;
    }

    .group-subscriber-message a {
        align-self: flex-start;
    }

    .group-builder-modal {
        margin: 0 auto;
        max-height: calc(100vh - 12px);
        padding: 6px;
        width: calc(100% - 8px);
    }

    .group-builder-header h3 {
        font-size: 14px;
    }

    .group-builder-actions,
    .group-filter-actions {
        flex-wrap: wrap;
    }

    .group-template-modal .group-builder-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .group-template-modal #columns,
    .group-template-modal #resultcolumn,
    .group-template-modal .group-template-columns,
    .group-template-modal .group-template-result {
        max-height: 30vh;
        min-height: 150px;
    }

    .group-template-modal #columns,
    .group-template-modal .group-template-columns,
    .group-template-modal .group-template-family > .quarter,
    .group-template-modal #columns > .quarter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .group-filter-table {
        min-width: 680px;
    }
}

/* Legacy roomy advanced-watch layout disabled.
body.market-watch-pro-page {
    --market-pro-accent: var(--tbl-header-group, #2f659f);
    --market-pro-border: var(--tbl-border-watch, var(--tbl-border, #b9c5d2));
    --market-pro-muted: var(--text-sec, #68788b);
    --market-pro-soft: var(--btn-bg-sec, #eef4fb);
    --market-pro-surface: var(--bg-sec, var(--bg, #fff));
}

.market-watch-pro-page .market-pro-panel,
.market-watch-pro-page .market-pro-panel * {
    box-sizing: border-box;
}

.market-watch-pro-page .market-pro-panel {
    background: var(--market-pro-surface);
    border: 1px solid var(--market-pro-border);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(24, 49, 78, 0.08);
    color: var(--text-main, #253448);
    direction: rtl;
    margin: 9px 8px;
    padding: 11px 12px;
}

.market-watch-pro-page .market-pro-panel-heading {
    align-items: flex-end;
    border-bottom: 1px solid var(--market-pro-border);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.market-watch-pro-page .market-pro-panel-heading > div {
    min-width: 0;
}

.market-watch-pro-page .market-pro-panel-heading h2 {
    color: var(--text-main, #253448);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    margin: 0;
}

.market-watch-pro-page .market-pro-panel-kicker {
    color: var(--market-pro-accent);
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 1px;
}

.market-watch-pro-page .market-pro-panel-heading p {
    color: var(--market-pro-muted);
    font-size: 11px;
    line-height: 1.7;
    margin: 0;
    max-width: 540px;
}

.market-watch-pro-page .market-pro-watchlist-layout {
    align-items: end;
    display: grid;
    gap: 9px;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) minmax(150px, auto);
}

.market-watch-pro-page .market-pro-watchlist-field {
    min-width: 0;
    position: relative;
}

.market-watch-pro-page .market-pro-watchlist-create {
    grid-column: 1;
}

.market-watch-pro-page .market-pro-symbol-field {
    grid-column: 2;
}

.market-watch-pro-page .market-pro-symbol-field--public {
    grid-column: 1 / 3;
}

.market-watch-pro-page .market-pro-watch-export {
    float: none;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    margin: 0;
    z-index: 20;
}

.market-watch-pro-page .market-pro-watch-export .watch-export-trigger {
    gap: 7px;
    height: 38px;
    justify-content: center;
    min-width: 150px;
}

.market-watch-pro-page .market-pro-watch-export .watch-export-menu {
    left: 0;
    right: auto;
}

.market-watch-pro-page .market-pro-watchlist-field > label {
    color: var(--market-pro-muted);
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin: 0 0 4px;
}

.market-watch-pro-page .market-pro-inline-field {
    align-items: stretch;
    display: flex;
    min-width: 0;
}

.market-watch-pro-page .market-pro-watchlist-field input,
.market-watch-pro-page .market-pro-select-field select {
    background: var(--bg-input, var(--market-pro-surface));
    border: 1px solid var(--market-pro-border);
    border-radius: 3px;
    color: var(--text-main, #253448);
    font: inherit;
    height: 38px;
    min-width: 0;
    padding: 6px 9px;
    width: 100%;
}

.market-watch-pro-page .market-pro-inline-field input {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    flex: 1 1 auto;
}

.market-watch-pro-page .market-pro-watchlist-field input:focus,
.market-watch-pro-page .market-pro-select-field select:focus {
    border-color: var(--market-pro-accent);
    box-shadow: 0 0 0 2px rgba(47, 101, 159, 0.13);
    outline: 0;
}

.market-watch-pro-page .market-pro-primary-action {
    align-items: center;
    background: var(--market-pro-accent);
    border: 1px solid var(--market-pro-accent);
    border-end-end-radius: 3px;
    border-radius: 3px 0 0 3px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font: inherit;
    gap: 5px;
    justify-content: center;
    min-width: 74px;
    padding: 0 11px;
}

.market-watch-pro-page .market-pro-primary-action:hover,
.market-watch-pro-page .market-pro-primary-action:focus-visible {
    filter: brightness(0.92);
    outline: 0;
}

.market-watch-pro-page .market-pro-watchlist-create #comment {
    color: #a52727;
    font-size: 10px;
    position: absolute;
    top: 100%;
}

.market-watch-pro-page .market-pro-watchlist-menu #wlResult {
    background: var(--market-pro-surface);
    border-collapse: collapse;
    box-shadow: 0 6px 18px rgba(24, 49, 78, 0.16);
    inset-inline: 0 auto;
    max-height: 330px;
    overflow-y: auto;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 1200;
}

.market-watch-pro-page .market-pro-watchlist-field #itemResultParent {
    inset-inline: 0;
    max-height: 330px;
    overflow: auto;
    top: calc(100% + 4px);
    width: auto;
}

.market-watch-pro-page .market-pro-watchlist-field #itemResult {
    background: var(--market-pro-surface);
    box-shadow: 0 6px 18px rgba(24, 49, 78, 0.16);
    width: 100%;
}

.market-watch-pro-page .market-pro-add-all {
    border-radius: 3px;
    margin-top: 5px;
    width: 100%;
}

.market-watch-pro-page .market-pro-watchlist-tabs {
    align-items: center;
    background: var(--market-pro-soft);
    border: 1px solid var(--market-pro-border);
    border-radius: 3px;
    display: flex;
    gap: 8px;
    grid-column: 1 / -1;
    min-width: 0;
    padding: 5px 7px;
}

.market-watch-pro-page .market-pro-watchlist-tabs__label {
    color: var(--market-pro-muted);
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 700;
}

.market-watch-pro-page .market-pro-watchlist-tabs #wlTable {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 4px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px;
}

.market-watch-pro-page .market-pro-watchlist-tabs #wlTable > td {
    background: var(--market-pro-surface);
    border: 1px solid var(--market-pro-border);
    border-radius: 3px;
    color: var(--text-main, #253448);
    display: block;
    flex: 0 0 auto;
    margin: 0;
    min-width: 86px;
    padding: 5px 10px;
    text-align: center;
}

.market-watch-pro-page .market-pro-watchlist-tabs #wlTable > td.grnx {
    background: var(--market-pro-accent);
    border-color: var(--market-pro-accent);
    color: #fff;
}

.market-watch-pro-page .market-pro-config-area {
    display: grid;
    gap: 0;
}

.market-watch-pro-page .market-pro-tool-grid {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-tool-card {
    align-items: center;
    background: var(--market-pro-surface);
    border: 1px solid var(--market-pro-border);
    border-radius: 4px;
    color: var(--text-main, #253448);
    display: grid;
    gap: 1px 9px;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    min-height: 60px;
    padding: 8px 9px;
    text-align: right;
    transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}

.market-watch-pro-page .market-pro-tool-card > i {
    align-items: center;
    align-self: stretch;
    background: var(--market-pro-soft);
    border-radius: 4px;
    color: var(--market-pro-accent);
    display: flex;
    font-size: 15px;
    grid-row: 1 / 3;
    justify-content: center;
}

.market-watch-pro-page .market-pro-tool-card > b {
    align-self: end;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-watch-pro-page .market-pro-tool-card > small {
    align-self: start;
    color: var(--market-pro-muted);
    font-size: 9px;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-watch-pro-page .market-pro-tool-card:hover,
.market-watch-pro-page .market-pro-tool-card:focus-visible,
.market-watch-pro-page .market-pro-tool-card.active {
    background: var(--market-pro-soft);
    border-color: var(--market-pro-accent);
    color: var(--text-main, #253448);
    outline: 0;
    transform: translateY(-1px);
}

.market-watch-pro-page .market-pro-filter-tabs {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-filter-tab {
    align-items: center;
    background: var(--market-pro-surface);
    border: 1px solid var(--market-pro-accent);
    border-radius: 3px;
    color: var(--market-pro-accent);
    display: flex;
    font-size: 11px;
    gap: 6px;
    justify-content: center;
    min-height: 36px;
    padding: 6px 9px;
}

.market-watch-pro-page .market-pro-filter-tab:hover,
.market-watch-pro-page .market-pro-filter-tab:focus-visible {
    background: var(--market-pro-soft);
    outline: 0;
}

.market-watch-pro-page .market-pro-filter-tab.active {
    background: var(--market-pro-accent);
    border-color: var(--market-pro-accent);
    color: #fff;
}

.market-watch-pro-page .market-pro-filter-results .ftabxx {
    border-top: 1px solid var(--market-pro-border);
    margin-top: 9px;
    max-height: 300px;
    overflow: auto;
    padding: 9px 2px 2px;
}

.market-watch-pro-page .market-pro-filter-results #pf1 {
    gap: 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-filter-results #pf2,
.market-watch-pro-page .market-pro-filter-results #pf3 {
    column-gap: 6px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-inline: 2px;
    row-gap: 5px;
}

.market-watch-pro-page .market-pro-filter-results .btnmw,
.market-watch-pro-page .market-pro-filter-results .btnmx {
    background: var(--market-pro-soft);
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--text-main, #253448);
    min-height: 31px;
    padding: 6px 7px;
}

.market-watch-pro-page .market-pro-filter-results .btnmw {
    align-items: center;
    display: flex;
    justify-content: center;
}

.market-watch-pro-page .market-pro-filter-results .btnmw:hover,
.market-watch-pro-page .market-pro-filter-results .btnmx:hover {
    background: var(--market-pro-surface);
    border-color: var(--market-pro-accent);
    color: var(--market-pro-accent);
}

.market-watch-pro-page .market-pro-filter-results > .ftabxx > label {
    align-self: center;
    color: var(--market-pro-muted);
    font-size: 10px;
    margin: 0;
}

.market-watch-pro-page .market-pro-filter-results > .ftabxx > input[type="number"] {
    background: var(--bg-input, var(--market-pro-surface));
    border: 1px solid var(--market-pro-border);
    border-radius: 3px;
    color: var(--text-main, #253448);
    min-height: 31px;
}

.market-watch-pro-page .market-pro-table-controls {
    margin-bottom: 5px;
}

.market-watch-pro-page .market-pro-table-controls__heading {
    margin-bottom: 8px;
}

.market-watch-pro-page .market-pro-table-toolbar {
    align-items: end;
    display: grid;
    gap: 9px;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(300px, 1.15fr);
}

.market-watch-pro-page .market-pro-select-field {
    display: grid;
    gap: 4px;
    margin: 0;
}

.market-watch-pro-page .market-pro-select-field > span {
    color: var(--market-pro-muted);
    font-size: 10px;
    font-weight: 700;
}

.market-watch-pro-page .market-pro-select-field .selectorx {
    min-width: 0;
    text-align: right;
}

.market-watch-pro-page .market-pro-table-actions {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-table-action {
    align-items: center;
    border: 1px solid var(--market-pro-accent);
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    font-size: 11px;
    gap: 6px;
    height: 38px;
    justify-content: center;
    margin: 0;
    min-width: 0;
    padding: 6px 9px;
}

.market-watch-pro-page .market-pro-table-action--primary {
    background: var(--market-pro-accent);
    color: #fff;
}

.market-watch-pro-page .market-pro-table-action--secondary {
    background: var(--market-pro-surface);
    color: var(--market-pro-accent);
}

.market-watch-pro-page .market-pro-table-action:hover,
.market-watch-pro-page .market-pro-table-action:focus-visible {
    filter: brightness(0.94);
    outline: 0;
}

.market-watch-pro-page .market-pro-selection-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 8px;
}

.market-watch-pro-page .market-pro-selection-action {
    border: 0;
    border-radius: 3px;
    float: none;
    margin: 0;
    min-width: 0;
    padding: 8px 10px;
    text-align: center;
    width: auto;
}

.market-watch-pro-page .market-pro-selection-action--add {
    background: #176b3a;
    color: #fff;
}

.market-watch-pro-page .market-pro-selection-action--drop {
    background: #b52d2d;
    color: #fff;
}

.market-watch-pro-page .market-pro-selection-action .cancel {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    display: inline-flex;
    float: left;
    min-height: 25px;
    padding: 2px 7px;
}

@media (max-width: 1100px) {
    .market-watch-pro-page .market-pro-tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-watch-pro-page .market-pro-watchlist-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-watch-pro-page .market-pro-watch-export {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .market-watch-pro-page .market-pro-table-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-watch-pro-page .market-pro-table-actions {
        grid-column: 1 / -1;
    }

    .market-watch-pro-page .market-pro-filter-results #pf1,
    .market-watch-pro-page .market-pro-filter-results #pf2,
    .market-watch-pro-page .market-pro-filter-results #pf3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .market-watch-pro-page .market-pro-panel {
        margin-inline: 4px;
        padding: 9px;
    }

    .market-watch-pro-page .market-pro-panel-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .market-watch-pro-page .market-pro-panel-heading p {
        max-width: none;
    }

    .market-watch-pro-page .market-pro-watchlist-layout,
    .market-watch-pro-page .market-pro-tool-grid,
    .market-watch-pro-page .market-pro-table-toolbar,
    .market-watch-pro-page .market-pro-selection-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .market-watch-pro-page .market-pro-watchlist-create,
    .market-watch-pro-page .market-pro-symbol-field,
    .market-watch-pro-page .market-pro-symbol-field--public,
    .market-watch-pro-page .market-pro-watch-export,
    .market-watch-pro-page .market-pro-table-actions {
        grid-column: 1;
    }

    .market-watch-pro-page .market-pro-watch-export {
        justify-self: stretch;
    }

    .market-watch-pro-page .market-pro-watch-export .watch-export-trigger {
        width: 100%;
    }

    .market-watch-pro-page .market-pro-filter-tabs {
        gap: 4px;
    }

    .market-watch-pro-page .market-pro-filter-tab {
        font-size: 9px;
        padding-inline: 4px;
    }

    .market-watch-pro-page .market-pro-filter-results #pf1,
    .market-watch-pro-page .market-pro-filter-results #pf2,
    .market-watch-pro-page .market-pro-filter-results #pf3 {
        grid-template-columns: minmax(0, 1fr);
    }
}
*/

/* Advanced market watch: one compact control section above the table. */
body.market-watch-pro-page {
    --market-pro-accent: var(--tbl-header-group, #2f659f);
    --market-pro-border: var(--tbl-border-watch, var(--tbl-border, #aebdcb));
    --market-pro-soft: var(--btn-bg-sec, #eef4fb);
    --market-pro-surface: var(--bg-sec, var(--bg, #fff));
}

body.market-watch-pro-page.dark {
    --market-pro-border: rgba(153, 174, 200, 0.24);
}

.legacy-watch-pro-bar {
    --market-pro-accent: var(--tbl-header, #2f659f);
    --market-pro-border: var(--tbl-border-watch, var(--tbl-border, #aebdcb));
    --market-pro-soft: var(--btn-bg-sec, #eef4fb);
    --market-pro-surface: var(--bg-sec, var(--bg, #fff));
    display: block;
    position: relative;
}

.legacy-watch-pro-bar .legacy-export-message {
    left: 6px;
    margin: 0;
    max-width: min(520px, calc(100% - 12px));
    position: absolute;
    top: 40px;
    z-index: 1300;
}

.legacy-watch-pro-bar #itemResultParent {
    position: absolute;
    z-index: 1250;
}

.legacy-watch-pro-bar #addAll {
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 3px;
    width: 100%;
}

.legacy-watch-header-action {
    background-color: var(--tbl-header, #2c5f9e) !important;
    border-color: var(--tbl-header, #2c5f9e) !important;
    color: var(--text-neg, #fff) !important;
}

.market-watch-pro-page .market-pro-compact-section {
    background: var(--market-pro-surface);
    border: 1px solid var(--market-pro-border);
    box-sizing: border-box;
    color: var(--text-main, #253448);
    direction: rtl;
    margin: 5px 7px;
    padding: 4px 6px;
}

.market-watch-pro-page .market-pro-watchlist-panel,
.market-watch-pro-page .market-pro-tools-panel,
.market-watch-pro-page .market-pro-ready-filter-panel,
.market-watch-pro-page .market-pro-table-controls {
    background: transparent;
    border: 0;
    box-shadow: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.market-watch-pro-page .market-pro-watchlist-layout {
    align-items: end;
    border-bottom: 1px solid var(--market-pro-border);
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    padding-bottom: 4px;
}

.market-watch-pro-page .market-pro-watchlist-field {
    min-width: 0;
    position: relative;
}

.market-watch-pro-page .market-pro-watchlist-create {
    flex: 1 1 250px;
    order: 1;
}

.market-watch-pro-page .market-pro-symbol-field {
    flex: 1 1 250px;
    order: 2;
}

.market-watch-pro-page .market-pro-watchlist-tabs {
    align-items: center;
/*   background: var(--market-pro-soft); */
    border: 1px solid var(--market-pro-border);
    display: flex;
    flex: 1.2 1 290px;
    height: 30px;
    min-width: 0;
    order: 3;
    padding: 2px 4px;
}

.market-watch-pro-page .market-pro-watch-export {
    flex: 0 0 145px;
    float: none;
    margin: 0;
    order: 4;
    z-index: 20;
}

.market-watch-pro-page .market-pro-watch-export .watch-export-trigger {
    height: 30px;
    justify-content: center;
    min-width: 145px;
    padding-block: 3px;
    width: 100%;
}

.market-watch-pro-page .market-pro-watch-export .watch-export-menu {
    left: 0;
    right: auto;
}

.market-watch-pro-page .market-pro-watchlist-field > label {
    color: var(--text-sec, #68788b);
    display: block;
    font-size: 9px;
    line-height: 12px;
    margin: 0 0 2px;
}

.market-watch-pro-page .market-pro-inline-field {
    display: flex;
    min-width: 0;
}

.market-watch-pro-page .market-pro-watchlist-field input,
.market-watch-pro-page .market-pro-select-field select {
    background: var(--bg-input, var(--market-pro-surface));
    border: 1px solid var(--market-pro-border);
    border-radius: 0;
    box-sizing: border-box;
    color: var(--text-main, #253448);
    font: inherit;
    height: 30px;
    min-width: 0;
    padding: 3px 6px;
    width: 100%;
}

.market-watch-pro-page .market-pro-inline-field input {
    flex: 1 1 auto;
}

.market-watch-pro-page .market-pro-primary-action {
    align-items: center;
    background: var(--market-pro-accent);
    border: 1px solid var(--market-pro-accent);
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 62px;
    font: inherit;
    gap: 3px;
    height: 30px;
    justify-content: center;
    padding: 2px 6px;
}

.market-watch-pro-page .market-pro-watchlist-create #comment {
    color: #a52727;
    font-size: 9px;
    position: absolute;
    top: 100%;
}

.market-watch-pro-page .market-pro-watchlist-menu #wlResult {
    background: var(--market-pro-surface);
    box-shadow: 0 5px 14px rgba(24, 49, 78, 0.16);
    max-height: 300px;
    right: 0;
    top: calc(100% + 2px);
    width: 100%;
    z-index: 1200;
}

.market-watch-pro-page .market-pro-watchlist-field #itemResultParent {
    inset-inline: 0;
    max-height: 300px;
    overflow: auto;
    top: calc(100% + 2px);
    width: auto;
}

.market-watch-pro-page .market-pro-watchlist-field #itemResult {
    background: var(--market-pro-surface);
    box-shadow: 0 5px 14px rgba(24, 49, 78, 0.16);
    width: 100%;
}

.market-watch-pro-page .market-pro-watchlist-tabs #wlTable {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 3px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.market-watch-pro-page .market-pro-watchlist-tabs #wlTable > td {
    background: var(--market-pro-surface);
    border: 1px solid var(--market-pro-border);
    color: var(--text-main, #253448);
    display: block;
    flex: 0 0 auto;
    font-size: 10px;
    line-height: 18px;
    margin: 0;
    min-width: 78px;
    padding: 2px 7px;
    text-align: center;
}

.market-watch-pro-page .market-pro-watchlist-tabs #wlTable > td.grnx {
    background: var(--market-pro-accent);
    border-color: var(--market-pro-accent);
    color: #fff;
}

.market-watch-pro-page .market-pro-config-area {
    border-bottom: 1px solid var(--market-pro-border);
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(0, 4fr) minmax(0, 3fr);
    padding: 4px 0;
}

.market-watch-pro-page .market-pro-tools-panel {
    grid-column: 1;
}

.market-watch-pro-page .market-pro-ready-filter-panel {
    display: contents;
}

.market-watch-pro-page .market-pro-tool-grid {
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-tool-card,
.market-watch-pro-page .market-pro-filter-tab {
    align-items: center;
    background: var(--market-pro-surface);
    border: 1px solid var(--market-pro-border);
    border-radius: 0;
    color: var(--text-main, #253448);
    display: flex;
    font-size: 10px;
    height: 30px;
    justify-content: center;
    line-height: 1.4;
    min-height: 0;
    padding: 3px 5px;
    text-align: center;
}

.market-watch-pro-page .market-pro-tool-card:hover,
.market-watch-pro-page .market-pro-tool-card:focus-visible,
.market-watch-pro-page .market-pro-tool-card.active,
.market-watch-pro-page .market-pro-filter-tab:hover,
.market-watch-pro-page .market-pro-filter-tab:focus-visible {
    background: var(--market-pro-soft);
    border-color: var(--market-pro-accent);
    color: var(--text-main, #253448);
    outline: 0;
}

.market-watch-pro-page .market-pro-filter-tabs {
    display: grid;
    gap: 3px;
    grid-column: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-filter-tab.active {
    background: var(--market-pro-accent);
    border-color: var(--market-pro-accent);
    color: #fff;
}

.market-watch-pro-page .market-pro-filter-results {
    grid-column: 1 / -1;
    min-width: 0;
}

.market-watch-pro-page .market-pro-filter-results .ftabxx {
    border-top: 1px solid var(--market-pro-border);
    margin-top: 0;
    max-height: 180px;
    overflow: auto;
    padding: 4px 0 0;
}

.market-watch-pro-page .market-pro-filter-results #pf1 {
    gap: 3px;
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-filter-results #pf2,
.market-watch-pro-page .market-pro-filter-results #pf3 {
    column-gap: 3px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding-inline: 0;
    row-gap: 3px;
}

.market-watch-pro-page .market-pro-filter-results .btnmw,
.market-watch-pro-page .market-pro-filter-results .btnmx {
    background: var(--market-pro-soft);
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 10px;
    min-height: 25px;
    padding: 3px 5px;
}

.market-watch-pro-page .market-pro-filter-results > .ftabxx > label {
    align-self: center;
    font-size: 9px;
    margin: 0;
}

.market-watch-pro-page .market-pro-filter-results > .ftabxx > input[type="number"] {
    height: 25px;
    padding: 2px 4px !important;
}

.market-watch-pro-page .market-pro-table-controls {
    padding-top: 4px;
}

.market-watch-pro-page .market-pro-table-toolbar {
    align-items: center;
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(210px, 1fr) minmax(210px, 1fr) minmax(260px, 1fr);
}

.market-watch-pro-page .market-pro-select-field {
    align-items: center;
    display: grid;
    gap: 4px;
    grid-template-columns: auto minmax(0, 1fr);
    margin: 0;
}

.market-watch-pro-page .market-pro-select-field > span {
    color: var(--text-sec, #68788b);
    font-size: 9px;
    white-space: nowrap;
}

.market-watch-pro-page .market-pro-select-field .selectorx {
    min-width: 0;
    text-align: right;
}

.market-watch-pro-page .market-pro-table-actions {
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.market-watch-pro-page .market-pro-table-action {
    align-items: center;
    border: 1px solid var(--market-pro-accent);
    border-radius: 0;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    height: 30px;
    justify-content: center;
    margin: 0;
    min-width: 0;
    padding: 3px 6px;
}

.market-watch-pro-page .market-pro-table-action--primary {
    background: var(--market-pro-accent);
    color: #fff;
}

.market-watch-pro-page .market-pro-table-action--secondary {
    background: var(--market-pro-surface);
    color: var(--market-pro-accent);
}

.market-watch-pro-page .market-pro-selection-actions {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 4px;
}

.market-watch-pro-page .market-pro-selection-action {
    border: 0;
    border-radius: 0;
    float: none;
    font-size: 10px;
    margin: 0;
    min-width: 0;
    padding: 4px 6px;
    width: auto;
}

.market-watch-pro-page .market-pro-selection-action--add {
    background: #176b3a;
    color: #fff;
}

.market-watch-pro-page .market-pro-selection-action--drop {
    background: #b52d2d;
    color: #fff;
}

.market-watch-pro-page .market-pro-selection-action .cancel {
    border-width: 1px;
    border-radius: 0;
    padding: 1px 5px;
}

@media (max-width: 1050px) {
    .market-watch-pro-page .market-pro-watchlist-layout {
        flex-wrap: wrap;
    }

    .market-watch-pro-page .market-pro-watchlist-create,
    .market-watch-pro-page .market-pro-symbol-field {
        flex-basis: calc(50% - 2px);
    }

    .market-watch-pro-page .market-pro-watchlist-tabs {
        flex: 1 1 calc(100% - 149px);
    }

    .market-watch-pro-page .market-pro-filter-results #pf1,
    .market-watch-pro-page .market-pro-filter-results #pf2,
    .market-watch-pro-page .market-pro-filter-results #pf3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .market-watch-pro-page .market-pro-compact-section {
        margin-inline: 3px;
    }

    .market-watch-pro-page .market-pro-watchlist-create,
    .market-watch-pro-page .market-pro-symbol-field,
    .market-watch-pro-page .market-pro-watchlist-tabs,
    .market-watch-pro-page .market-pro-watch-export {
        flex: 1 1 100%;
    }

    .market-watch-pro-page .market-pro-config-area {
        grid-template-columns: minmax(0, 1fr);
    }

    .market-watch-pro-page .market-pro-tools-panel,
    .market-watch-pro-page .market-pro-filter-tabs,
    .market-watch-pro-page .market-pro-filter-results {
        grid-column: 1;
    }

    .market-watch-pro-page .market-pro-tool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-watch-pro-page .market-pro-table-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .market-watch-pro-page .market-pro-filter-results #pf1,
    .market-watch-pro-page .market-pro-filter-results #pf2,
    .market-watch-pro-page .market-pro-filter-results #pf3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Advanced watch row order: keep every control group on its own compact line. */
.market-watch-pro-page .market-pro-watchlist-layout {
    flex-wrap: wrap;
}

.market-watch-pro-page .market-pro-watchlist-tabs {
    flex: 1 1 100%;
    order: 5;
    width: 100%;
}

.market-watch-pro-page .market-pro-config-area {
    grid-template-columns: minmax(0, 1fr);
}

.market-watch-pro-page .market-pro-tools-panel,
.market-watch-pro-page .market-pro-filter-tabs,
.market-watch-pro-page .market-pro-filter-results {
    grid-column: 1;
}

.market-watch-pro-page .market-pro-table-toolbar {
    grid-template-columns: minmax(320px, 1.4fr) minmax(320px, 1.4fr) minmax(220px, 0.8fr);
}

.market-watch-pro-page .market-pro-select-field .selectorx {
    max-width: none;
    width: 100%;
}

@media (max-width: 900px) {
    .market-watch-pro-page .market-pro-table-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-watch-pro-page .market-pro-table-actions {
        grid-column: 1 / -1;
    }
}

/* Advanced watch compact-row refinements. */
.market-watch-pro-page .market-pro-symbol-field {
    align-items: end;
    column-gap: 4px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
}

.market-watch-pro-page .market-pro-symbol-field > label {
    grid-column: 1 / -1;
}

.market-watch-pro-page .market-pro-symbol-field .market-pro-inline-field {
    grid-column: 1;
    min-width: 0;
}

.market-watch-pro-page .market-pro-symbol-field .market-pro-add-all {
    box-sizing: border-box;
    grid-column: 2;
    grid-row: 2;
    height: 30px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.market-watch-pro-page .market-pro-watchlist-tabs {
    border: 0;
    padding-inline: 0;
}

.market-watch-pro-page .market-pro-filter-results,
.market-watch-pro-page .market-pro-filter-results .ftabxx {
    max-height: none;
    overflow: visible;
}

@media (max-width: 760px) {
    .market-watch-pro-page .market-pro-symbol-field {
        grid-template-columns: minmax(0, 1fr) 175px;
    }
}

.market-watch-pro-page .market-pro-watchlist-tabs #wlTable > td {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 26px;
    justify-content: center;
    line-height: 1;
    padding: 0 7px 4px;
}

.market-watch-pro-page .market-pro-tool-card,
.market-watch-pro-page .market-pro-filter-tab {
    font-size: 14px;
    font-weight: 500;
}

.market-watch-pro-page .market-pro-symbol-field {
    grid-template-rows: 12px 30px;
}

.market-watch-pro-page .market-pro-symbol-field > label {
    grid-row: 1;
}

.market-watch-pro-page .market-pro-symbol-field .market-pro-inline-field {
    align-self: end;
    grid-row: 2;
}

.market-watch-pro-page .market-pro-symbol-field .market-pro-add-all {
    align-self: end;
    grid-row: 2;
}

.market-watch-pro-page .market-pro-watch-export .watch-export-trigger,
.market-watch-pro-page .market-pro-watch-export .watch-export-trigger:hover,
.market-watch-pro-page .market-pro-watch-export .watch-export-trigger:focus-visible {
    background: var(--market-pro-accent);
}

.market-watch-pro-page .market-pro-watch-export .watch-export-trigger:hover,
.market-watch-pro-page .market-pro-watch-export .watch-export-trigger:focus-visible {
    filter: brightness(0.9);
}

.market-watch-pro-page .market-pro-table-action {
    gap: 5px;
}

body.market-watch-pro-page.dark .market-pro-select-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--market-pro-border);
    outline: none;
    box-shadow: none;
    padding-left: 24px;
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(192, 191, 191, .78) 50%),
        linear-gradient(135deg, rgba(192, 191, 191, .78) 50%, transparent 50%);
    background-position: left 9px center, left 5px center;
    background-repeat: no-repeat;
    background-size: 4px 4px, 4px 4px;
}

body.market-watch-pro-page.dark .market-pro-select-field select:focus {
    border-color: var(--market-pro-border);
    outline: none;
    box-shadow: none;
}