/* Configuración > Ventas > Calculadora */

.mcc-rule-home { margin-top: 18px; }
.mcc-rule-home-heading, .mcc-rule-detail-heading { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin-bottom: 14px; }
.mcc-rule-home h3, .mcc-rule-home h4 { margin: 0 0 6px; }
.mcc-rule-home p { color: var(--pv-text-secondary, #aabbd3); font-size: 13px; line-height: 1.5; }
.mcc-rule-home-heading p { margin: 4px 0; max-width: 820px; }
.mcc-platform-rules { margin: 16px 0; }
.mcc-platform-rules > header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.mcc-platform-rules > header span { font-size: 12px; color: var(--pv-text-secondary, #aabbd3); }
.mcc-rule-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)); gap: 10px; }
.mcc-shared-rule { display: flex; flex-direction: column; gap: 12px; width: 100%; min-width: 0; padding: 18px; border: 1px solid var(--pv-border, #30405c); border-radius: 10px; background: var(--pv-bg-card, #0e1729); color: var(--pv-text-primary, #e5edfa); text-align: left; cursor: pointer; font: inherit; }
.mcc-shared-rule:hover, .mcc-shared-rule.is-selected { border-color: #9c90ff; background: rgba(105, 96, 218, .13); }
.mcc-shared-rule:focus-visible, .mcc-product-link:focus-visible, .mcc-rule-section > summary:focus-visible { outline: 2px solid #b4aaff; outline-offset: 3px; }
.mcc-rule-topline { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.mcc-rule-topline strong { font-size: 15px; line-height: 1.4; }
.mcc-rule-concepts { color: var(--pv-text-secondary, #aabbd3); font-size: 13px; }
.mcc-rule-variables { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.mcc-rule-variables > span { font-size: 12px; line-height: 1.5; min-width: 0; overflow-wrap: anywhere; }
.mcc-rule-variables b { display: block; color: #a8c9ee; font-size: 11px; font-weight: 500; }
.mcc-rule-open { margin-top: auto; color: #b7afff; font-size: 12px; }
.mcc-shared-rule > small { color: #f8d487; }
#mcc-rule-detail { margin: 20px 0; padding: 20px; border: 1px solid #6558b1; border-radius: 12px; background: var(--pv-bg-card, #0e1729); scroll-margin-top: 16px; min-width: 0; }
#mcc-rule-detail .mval-proposal { max-width: none; }
.mcc-rule-section { margin-top: 16px; padding: 14px 0 0; border-top: 1px solid var(--pv-border, #30405c); min-width: 0; }
.mcc-rule-section > summary { padding: 5px 0; cursor: pointer; color: #b8cbf1; font-size: 15px; font-weight: 600; }
.mcc-rule-section[open] > summary { margin-bottom: 12px; }
.mcc-product-link { display: block; border: 0; padding: 4px 0; color: #c7c0ff; background: none; text-align: left; font: inherit; cursor: pointer; }
.mcc-product-link[aria-pressed="true"] { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.mcc-products-table { min-width: 540px; }
.mcc-products-table th:first-child { width: 38%; }
#mcc-detail { margin-top: 12px; scroll-margin-top: 16px; }
#mcc-concept-detail { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--pv-border, #30405c); min-width: 0; scroll-margin-top: 16px; }
#mcc-concept-detail h4 { margin-top: 12px; }
#mcc-rule-detail details > summary { cursor: pointer; }
#mcc-rule-detail .mcc-experiment { margin: 10px 0; }
#cfg-sales-panel-calculadora .mcc-filters { grid-template-columns: minmax(180px, 1.5fr) repeat(3, minmax(0, 1fr)); }
#cfg-sales-panel-calculadora .mcc-kpis article { display: flex; flex-direction: column; gap: 5px; }
@media (max-width: 720px) {
    .mcc-rule-home-heading, .mcc-rule-detail-heading { flex-direction: column; gap: 10px; }
    #mcc-rule-detail { padding: 12px; }
    #cfg-sales-panel-calculadora .mcc-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mcc-rule-variables { gap: 8px 12px; }
    .mcc-platform-rules > header { flex-wrap: wrap; gap: 4px 10px; }
}

#cfg-sales-panel-calculadora .mcc-scope-dialog { width: min(980px, 94vw); max-width: 94vw; height: min(720px, 88vh); max-height: 88vh; padding: 0; overflow: hidden; border: 1px solid #6460a2; border-radius: 12px; background: #101829; color: #e2e8f0; }
#cfg-sales-panel-calculadora .mcc-scope-dialog[open] { display: flex; flex-direction: column; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog { width: min(1100px, 94vw); }
#cfg-sales-panel-calculadora #mcc-assignment-dialog-feedback { flex: 0 0 auto; max-height: 30vh; overflow: auto; margin: 0 20px; }
#cfg-sales-panel-calculadora .mcc-assignment-feedback { border: 1px solid #617995; border-left-width: 4px; border-radius: 8px; padding: 12px 16px; margin: 10px 0; background: #172536; color: #e9f0f8; }
#cfg-sales-panel-calculadora .mcc-assignment-feedback.is-approved { border-color: #67c69a; background: #142d29; }
#cfg-sales-panel-calculadora .mcc-assignment-feedback.is-failed { border-color: #eb9494; background: #36232b; }
#cfg-sales-panel-calculadora .mcc-assignment-feedback.is-unconfirmed { border-color: #dbb86b; background: #302b20; }
#cfg-sales-panel-calculadora .mcc-assignment-feedback p { margin: 6px 0; }
#cfg-sales-panel-calculadora .mcc-assignment-feedback small { display: block; margin: 6px 0; }
#cfg-sales-panel-calculadora #mcc-proposals-content { overflow: auto; flex: 1 1 auto; min-height: 0; padding: 16px 20px; margin: 0; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog .mcc-changes { margin-top: 0; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog .mcc-changes > header { position: static; z-index: auto; padding: 0; border: 0; background: transparent; backdrop-filter: none; }
#cfg-sales-panel-calculadora #mcc-proposals-title { margin: 4px 0; outline: none; }
#cfg-sales-panel-calculadora #mcc-proposals-subtitle { margin: 6px 0 0; font-size: 12px; color: #aab9ce; }
#cfg-sales-panel-calculadora .mcc-proposals-button { display: inline-flex; align-items: center; gap: 8px; margin: 6px 0; padding: 6px 10px; border: 1px solid #7364b2; border-radius: 6px; background: #2b2545; color: #e0d8ff; font: inherit; font-size: 12px; line-height: 1.4; cursor: pointer; }
#cfg-sales-panel-calculadora .mcc-proposals-button:hover { background: #393057; border-color: #b1a0ed; }
#cfg-sales-panel-calculadora .mcc-proposals-button:focus-visible { outline: 2px solid #b4aaff; outline-offset: 3px; }
#cfg-sales-panel-calculadora .mcc-proposal-products { margin: 16px 0; padding-top: 12px; border-top: 1px solid #33415b; min-width: 0; }
#cfg-sales-panel-calculadora .mcc-proposal-products .mval-condition-scroll { max-height: 280px; overflow: auto; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog .mcc-suggested-change { min-width: 0; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog .mval-products-table { min-width: 650px; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog .mcc-change-table { min-width: 620px; }
#cfg-sales-panel-calculadora .mcc-proposals-dialog .mval-condition-scroll { max-width: 100%; overflow: auto; }
@media (max-width: 720px) {
    #cfg-sales-panel-calculadora #mcc-proposals-content { padding: 12px; }
}
#cfg-sales-panel-calculadora .mcc-scope-dialog > header { flex: 0 0 auto; padding: 18px 20px; border-bottom: 1px solid #33415b; }
#cfg-sales-panel-calculadora #mcc-scope-content { overflow: auto; flex: 1 1 auto; min-height: 0; padding: 18px 20px; }
#cfg-sales-panel-calculadora .mcc-scope-diagnosis { padding: 12px; border: 1px solid #464767; background: #181e35; border-radius: 8px; }
#cfg-sales-panel-calculadora .mcc-scope-diagnosis strong { color: #d2caff; }
#cfg-sales-panel-calculadora .mcc-scope-diagnosis p { margin: 7px 0; font-size: 13px; }
#cfg-sales-panel-calculadora .mcc-scope-dialog small { display: block; margin-top: 5px; color: #aab9ce; line-height: 1.45; }
#cfg-sales-panel-calculadora .mcc-scope-origin { margin: 12px 0; font-size: 12px; color: #aab9ce; }
#cfg-sales-panel-calculadora .mcc-scope-search { display: grid; gap: 6px; margin: 14px 0; font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-scope-search input { color: #e2e8f0; border: 1px solid #43516d; background: #0a1121; padding: 9px; border-radius: 6px; }
#cfg-sales-panel-calculadora .mcc-scope-table { overflow-x: auto; }
#cfg-sales-panel-calculadora .mcc-scope-table table { width: 100%; min-width: 660px; }
#cfg-sales-panel-calculadora .mcc-scope-table td { vertical-align: top; padding: 12px 10px; font-variant-numeric: tabular-nums; }
#cfg-sales-panel-calculadora .mcc-scope-table th { position: sticky; top: 0; background: #101829; }
#cfg-sales-panel-calculadora .mcc-scope-table td:first-child { width: 33%; }
#cfg-sales-panel-calculadora .mcc-scope-dialog details summary { cursor: pointer; color: #bcb5ff; }
#cfg-sales-panel-calculadora .mcc-scope-formula { padding: 9px; margin: 8px 0; background: #172238; border-radius: 6px; }
#cfg-sales-panel-calculadora .mcc-scope-formula b { font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-scope-calculations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#cfg-sales-panel-calculadora .mcc-scope-calculations h5 { margin: 4px 0; font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-scope-order-evidence td { background: #0c1424; border-bottom: 1px solid #43516d; }
#cfg-sales-panel-calculadora .mcc-scope-dialog .mcc-scope-finding { color: #e8cb99; }
#cfg-sales-panel-calculadora [data-mcc-scope-order] { margin-top: 5px; font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-scope-combined { border-left: 2px solid #b68b4b; padding-left: 9px; color: #e8cb99; font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-scope-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 12px 0; font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-scope-metrics strong { display: block; margin-top: 6px; font-size: 17px; }
#cfg-sales-panel-calculadora #mcc-scope-product-title { margin-top: 16px; }
@media (max-width: 720px) {
    #cfg-sales-panel-calculadora .mcc-scope-dialog { width: 96vw; max-width: 96vw; height: 90vh; max-height: 90vh; }
    #cfg-sales-panel-calculadora .mcc-scope-dialog > header, #cfg-sales-panel-calculadora #mcc-scope-content { padding: 12px; }
    #cfg-sales-panel-calculadora .mcc-scope-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

#cfg-sales-panel-calculadora [hidden] { display: none !important; }
#cfg-sales-panel-calculadora { container: cost-control / inline-size; }
.cfg-sales-container:has(#cfg-sales-panel-calculadora:not([hidden])) { max-width: none; padding: 16px 20px; }
.cfg-sales-container:has(#cfg-sales-panel-calculadora:not([hidden])) > .cfg-header { margin-bottom: 12px; }
.cfg-sales-container:has(#cfg-sales-panel-calculadora:not([hidden])) > .cfg-sales-tabs { margin-bottom: 12px; }
.mval-hero.mcc-header { padding: 0; gap: 16px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.mval-hero.mcc-header h3 { font-size: 24px; line-height: 1.2; }
.mcc-header p { margin-top: 4px; font-size: 13px; }
.mcc-header .mval-run-pill { padding: 4px 8px; font-size: 12px; }
.mcc-header .cfg-save-btn { padding: 8px 12px; font-size: 13px; }
.mcc-help { margin-top: 8px; color: var(--pv-text-secondary, #abc0de); font-size: 12px; line-height: 1.5; }
.mcc-help summary { cursor: pointer; padding: 4px 0; }
.mcc-help .mval-schedule { grid-template-columns: minmax(0, 1fr) auto; margin: 8px 0; padding: 10px; }
.mcc-help .mval-schedule code { white-space: normal; overflow-wrap: anywhere; }
.mcc-filters.mval-filters { display: grid; grid-template-columns: minmax(180px, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 10px; padding: 10px 12px; border: 1px solid var(--pv-border, #263853); border-radius: 8px; margin: 12px 0 10px; background: var(--pv-bg-card, #0c1525); }
.mcc-filters label { min-width: 0; }
.mcc-filters.mval-filters label { gap: 4px; font-size: 12px; }
.mcc-filters.mval-filters input, .mcc-filters.mval-filters select { width: 100%; min-width: 0; min-height: 32px; height: 32px; padding: 5px 8px; font-size: 13px; }
.mcc-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.mcc-kpis article { --mcc-kpi-color: #a7a0ff; padding: 10px 12px; border-radius: 8px; border: 1px solid #31476a; background: rgba(44, 61, 108, .18); display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; row-gap: 3px; align-content: center; }
.mcc-kpis article:first-child { --mcc-kpi-color: #f99c9c; border-color: #7f434d; background: rgba(123, 47, 58, .15); }
.mcc-kpis article:nth-child(3) { --mcc-kpi-color: #f8d487; border-color: #77623a; background: rgba(123, 99, 47, .12); }
.mcc-kpi-icon { grid-row: 1 / 4; width: 30px; height: 30px; align-self: center; display: grid; place-items: center; border-radius: 50%; color: var(--mcc-kpi-color); background: rgba(148, 163, 184, .12); }
.mcc-kpi-icon svg { width: 18px; height: 18px; }
.mcc-kpis article > span:not(.mcc-kpi-icon) { font-size: 12px; color: var(--mcc-kpi-color); line-height: 1.25; }
.mcc-kpis strong { font-size: 22px; line-height: 1.1; color: var(--pv-text-primary, #f1f5f9); font-variant-numeric: tabular-nums; }
.mcc-kpis small, .mcc-workspace p, .mcc-experiment p { color: var(--pv-text-secondary, #abc0de); font-size: 12px; line-height: 1.4; }
#mcc-coverage { margin: 0; text-align: right; font-size: 12px; line-height: 1.4; }
#mcc-status, #mcc-load-state, #mcc-legacy-notice { margin: 8px 0 0; padding: 7px 10px; font-size: 12px; border-radius: 6px; }
#mcc-load-state button { margin-left: 8px; padding: 4px 8px; font-size: inherit; }
.mcc-tabs-row { display: flex; justify-content: space-between; align-items: center; gap: 8px 12px; flex-wrap: wrap; margin: 10px 0; }
.mcc-tabs { display: flex; gap: 4px; max-width: 100%; border: 1px solid var(--pv-border, #263853); border-radius: 8px; margin: 0; padding: 0; overflow-x: auto; }
.mcc-tabs button { border: 0; border-bottom: 3px solid transparent; background: transparent; color: #b8cdeb; padding: 9px 18px 7px; font-size: 13px; white-space: nowrap; cursor: pointer; }
.mcc-tabs button[aria-selected="true"] { color: #c7c0ff; background: rgba(125, 112, 240, .15); border-bottom-color: #8a78ff; }
.mcc-workspace { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); gap: 12px; align-items: start; }
.mcc-findings-column { min-width: 0; }
#mcc-findings, #mcc-detail, .mcc-experiment { min-width: 0; background: var(--pv-bg-card, #0c1525); border: 1px solid var(--pv-border, #263853); border-radius: 8px; padding: 12px; }
#mcc-findings { padding: 0; overflow: hidden; }
.mcc-findings-heading { padding: 10px 12px; }
.mcc-workspace h3, .mcc-experiment h3 { margin: 0 0 4px; font-size: 16px; line-height: 1.3; }
.mcc-workspace h4, .mcc-experiment h4 { margin: 6px 0 4px; font-size: 13px; }
.mcc-workspace p { margin: 4px 0; }
.mcc-findings-heading h3 { margin: 0; }
.mcc-findings-heading p { margin: 2px 0 0; }
.mcc-workspace .mval-eyebrow { margin-bottom: 4px; font: 700 11px var(--pv-font-ui, sans-serif); color: #9bc9ec; letter-spacing: .08em; }
.mcc-workspace details { padding: 6px 0; border-top: 1px solid var(--pv-border, #263853); font-size: 12px; }
.mcc-workspace details[open] > summary { margin-bottom: 8px; }
.mcc-workspace summary { cursor: pointer; color: #a9caff; }
.mcc-evidence-links { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; }
.mcc-evidence-links details { min-width: 0; }
.mcc-evidence-links details[open] { grid-column: 1 / -1; }
.mcc-workspace .mcc-case-list { max-height: max(280px, calc(100dvh - 430px)); border: 0; border-radius: 0; }
.mcc-case-table.mval-component-table { min-width: 0; table-layout: fixed; }
.mcc-case-table th:first-child { width: 43%; }
.mcc-case-table th:nth-child(2) { width: 24%; }
.mcc-case-table th:nth-child(3) { width: 20%; }
.mcc-case-table th:nth-child(4) { width: 13%; }
.mcc-case-table.mval-component-table th, .mcc-case-table.mval-component-table td { padding: 5px 10px; font-size: 12px; line-height: 1.25; vertical-align: middle; white-space: normal; }
.mcc-case-table.mval-component-table th { position: sticky; top: 0; z-index: 1; background: var(--pv-bg-card, #0c1525); font-weight: 500; }
.mcc-case-table.mval-component-table td { font-family: var(--pv-font-ui, sans-serif); }
.mcc-case-table.mval-component-table th:nth-child(2), .mcc-case-table.mval-component-table td:nth-child(2) { text-align: left; }
.mcc-case-table.mval-component-table td:nth-child(n+3) { white-space: nowrap; font-variant-numeric: tabular-nums; }
.mcc-case-table.mval-component-table small { color: #a5b8d4; margin: 3px 0 0; font-size: 12px; }
.mcc-case-table button { text-align: left; padding: 2px 0; color: inherit; background: none; border: none; width: 100%; min-width: 0; line-height: 1.25; cursor: pointer; }
.mcc-case-table button strong, .mcc-case-table button small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mcc-case-table button strong { font-size: 13px; font-weight: 600; }
.mcc-case-table .is-selected { background: rgba(112, 103, 231, .2); box-shadow: inset 4px 0 #8d7cff; }
.mcc-case-table tr:hover { background: rgba(112, 103, 231, .12); }
.mcc-workspace .mcc-table-note { padding: 8px 12px; margin: 0; font-size: 12px; border-top: 1px solid var(--pv-border, #263853); }
.mcc-outcome { display: inline-block; border: 1px solid #425779; border-radius: 5px; padding: 4px 6px; font-size: 12px; line-height: 1.2; }
.mcc-outcome--higher_cost { color: #ff9494; border-color: #874450; background: rgba(127, 29, 29, .16); }
.mcc-outcome--lower_cost { color: #77e8cd; border-color: #267b70; background: rgba(13, 148, 136, .1); }
.mcc-outcome--pending, .mcc-outcome--mixed { color: #f8d487; border-color: #806736; background: rgba(161, 98, 7, .12); }
.mcc-outcome--within_tolerance { color: #b4d5ff; }
.mcc-delta--higher_cost { color: #ff9494; }
.mcc-delta--lower_cost { color: #77e8cd; }
.mcc-states { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0; }
.mcc-states > span { border: 1px solid #354762; border-radius: 5px; padding: 4px 6px; font-size: 12px; line-height: 1.3; }
.mcc-states small { color: #a5b8d4; font-size: inherit; margin-right: 4px; }
.mcc-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.mcc-section-heading small { font-size: 12px; color: var(--pv-text-secondary, #abc0de); }
.mcc-amounts { margin: 4px 0 8px; border: 1px solid #354762; border-radius: 6px; overflow: hidden; }
.mcc-amounts div { display: flex; justify-content: space-between; gap: 12px; padding: 5px 10px; font-size: 13px; line-height: 1.3; }
.mcc-amounts dd { margin: 0; font-weight: 700; white-space: nowrap; }
.mcc-amounts div:last-child { background: rgba(112, 103, 231, .12); }
.mcc-impact { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 6px 10px; border: 1px solid #354762; border-radius: 6px; font-size: 12px; }
.mcc-impact strong { font-size: 18px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mcc-review-copy { padding-bottom: 8px; }
.mcc-rule-comparison { margin: 8px 0; }
.mcc-rule-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #354762; border-radius: 6px; }
.mcc-rule-columns > div { min-width: 0; padding: 8px; }
.mcc-rule-columns > div + div { border-left: 1px solid #354762; }
.mcc-rule-columns small, .mcc-rule-columns strong { display: block; overflow-wrap: anywhere; }
.mcc-rule-columns small { font-size: 12px; color: var(--pv-text-secondary, #abc0de); margin-bottom: 4px; }
.mcc-rule-columns strong { font-size: 14px; }
.mcc-rule-columns details { margin-top: 6px; max-height: 220px; overflow: auto; }
.mcc-load-error { border: 1px solid #806736; border-radius: 8px; padding: 12px; margin-bottom: 10px; }
.mcc-load-error p { font-size: 13px; }
.mcc-followup-table.mval-component-table td, .mcc-followup-table.mval-component-table th { text-align: left; font-family: var(--pv-font-ui, sans-serif); }
.mcc-experiment .mval-component-wrap:has(.mcc-followup-table) { max-height: max(280px, calc(100dvh - 470px)); overflow: auto; }
.mcc-followup-table { table-layout: fixed; }
.mcc-followup-table th:first-child { width: 40%; }
.mcc-followup-table th:nth-child(2) { width: 26%; }
.mcc-followup-table th:nth-child(3) { width: 22%; }
.mcc-followup-table th:last-child { width: 12%; }
.mcc-followup-table.mval-component-table th { position: sticky; top: 0; background: var(--pv-bg-card, #0c1525); }
.mcc-followup-table.mval-component-table td, .mcc-followup-table.mval-component-table th { padding: 6px 10px; font-size: 12px; white-space: normal; }
.mcc-followup-table td strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; }
.mcc-followup-table .cfg-cancel-btn { padding: 6px 8px; font-size: 12px; }
.mcc-scope-select { display: grid; gap: 4px; font-size: 12px; margin: 8px 0; }
.mcc-scope-select select { width: 100%; min-width: 0; padding: 6px 8px; color: inherit; background: var(--pv-bg-card, #0c1525); border: 1px solid #354762; border-radius: 6px; font-size: 12px; }
#mval-review-scope { grid-template-columns: minmax(0, 1fr) auto; padding: 8px 12px; margin: 8px 0; font-size: 12px; }
#mval-review-scope button { width: auto; grid-column: auto; }
.mcc-case-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; align-items: end; }
.mcc-case-actions label { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; font-size: 12px; }
.mcc-case-actions select { flex: 1; min-width: 0; color: inherit; background: var(--pv-bg-card, #0c1525); border: 1px solid #354762; border-radius: 6px; padding: 6px 8px; max-width: 100%; font-size: 12px; }
.mcc-case-actions button { min-width: 0; padding: 8px; font-size: 12px; justify-content: center; }
.mcc-workspace #mcc-simulation-message:empty { display: none; }
.mcc-workspace .mcc-simulation-note { font-size: 12px; text-align: center; margin-top: 6px; }
.mcc-flow { display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #354762; padding: 10px 12px; border-radius: 8px; margin-top: 10px; font-size: 12px; }
.mcc-flow strong { display: block; font-size: 13px; }
.mcc-flow small { display: block; color: var(--pv-text-secondary, #abc0de); font-size: 12px; margin-top: 3px; }
.mcc-flow ol { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 0 0 0 16px; margin: 0; color: #c4baff; }
.mcc-workspace .mval-rule-notice { grid-template-columns: minmax(0, 1fr) auto; margin: 8px 0 0; padding: 9px 12px; border-radius: 8px; font-size: 12px; }
.mcc-workspace .mval-rule-notice button { grid-column: auto; width: auto; }
.mcc-experiment { margin-bottom: 10px; }
.mcc-workspace button:focus-visible, .mcc-tabs button:focus-visible { outline: 2px solid #c3b6ff; outline-offset: 3px; }
@media (min-width: 1200px) {
    .cfg-sales-container:has(#cfg-sales-panel-calculadora:not([hidden])) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
    .cfg-sales-container:has(#cfg-sales-panel-calculadora:not([hidden])) > .cfg-header,
    .cfg-sales-container:has(#cfg-sales-panel-calculadora:not([hidden])) > .cfg-sales-tabs { margin: 0; align-self: center; }
    .cfg-sales-container:has(#cfg-sales-panel-calculadora:not([hidden])) > .cfg-sales-tab-panel { grid-column: 1 / -1; }
}
@container cost-control (max-width: 859px) {
    .mcc-workspace { grid-template-columns: minmax(0, 1fr); }
    .mcc-filters.mval-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mcc-filters .mval-search { grid-column: span 2; }
    .mcc-kpis article { grid-template-columns: minmax(0, 1fr); padding: 10px; }
    .mcc-kpi-icon { display: none; }
    .mcc-flow { align-items: flex-start; flex-direction: column; gap: 10px; }
    .mcc-header .mval-hero-actions { flex-wrap: wrap; }
}
@container cost-control (max-width: 560px) {
    .mval-hero.mcc-header { flex-direction: column; align-items: stretch; gap: 10px; }
    .mcc-header .mval-hero-actions { flex-direction: row; justify-content: space-between; align-items: center; gap: 6px; }
    .mcc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mcc-kpis strong { font-size: 20px; }
    .mcc-filters.mval-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mcc-tabs button { padding: 9px 12px 7px; }
    .mcc-tabs-row { gap: 6px; }
    #mcc-coverage { text-align: left; }
    .mcc-case-table.mval-component-table { min-width: 510px; }
    .mcc-section-heading { flex-wrap: wrap; gap: 0; }
    .mcc-help .mval-schedule { grid-template-columns: minmax(0, 1fr); }
    .mcc-help .mval-schedule code { grid-column: auto; }
}

.mval-rule-copy {
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-sm);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.mval-group-count,
.mval-proposal-history {
    grid-column: 1 / -1;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-sm);
}

.mval-proposal-history > summary {
    padding: 12px 0;
    color: #93c5fd;
    cursor: pointer;
}

.mval-proposal-history .mval-proposal { margin-top: 12px; }

.mval-ml-verification { padding: 20px; margin-bottom: 16px; }
.mval-ml-verification .mval-toolbar { padding: 0; }
.mval-ml-verification button { flex-shrink: 0; }
.mval-ml-verification button:disabled { opacity: .65; cursor: wait; }

#mval-active-rules { display: grid; gap: 14px; }

.mval-approved-group {
    padding: 16px;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: 12px;
    background: rgba(15, 23, 42, .42);
    min-width: 0;
}

.mval-approved-group > header,
.mval-approved-group > header > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.mval-approved-group > header { justify-content: space-between; }
.mval-approved-group > header strong { color: var(--pv-text-primary); }

.mval-cost-concept { border-top: 1px solid rgba(148, 163, 184, .12); }
.mval-cost-concept > summary { cursor: pointer; list-style: none; padding-bottom: 8px; }
.mval-cost-concept > summary::-webkit-details-marker { display: none; }
.mval-cost-concept .mval-parameter-row { border: 0; }
.mval-cost-expand { display: block; color: #93c5fd; font-size: var(--pv-text-xs); padding: 0 12px; }
.mval-cost-expand::before { content: '▸ '; }
.mval-cost-concept[open] .mval-cost-expand::before { content: '▾ '; }
.mval-parameter-name small { display: block; margin-top: 4px; color: var(--pv-text-muted); font-weight: 400; line-height: 1.5; }

.mval-condition-scroll { max-width: 100%; overflow: auto; margin-top: 10px; }
.mval-cost-concept .mval-condition-scroll { max-height: 370px; }
.mval-condition-table { width: 100%; min-width: 440px; border-collapse: collapse; font-size: var(--pv-text-xs); }
.mval-condition-table th { background: #10192a; color: var(--pv-text-secondary); text-align: left; position: sticky; top: 0; }
.mval-condition-table th,
.mval-condition-table td { padding: 10px 12px; border-bottom: 1px solid rgba(148, 163, 184, .12); vertical-align: top; }
.mval-condition-table td { color: var(--pv-text-primary); }
.mval-condition-table td small { display: block; color: var(--pv-text-muted); margin-top: 4px; line-height: 1.5; }
.mval-condition-table td:not(:first-child) { font-variant-numeric: tabular-nums; }
.mval-products-table { min-width: 620px; }
.mval-products-table td:nth-child(2) { min-width: 180px; max-width: 400px; line-height: 1.55; }
.mval-verify-group { margin-top: 14px; }
.mval-decision-option { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
.mval-decision-option > span { margin-top: 12px; font-size: var(--pv-text-xs); color: var(--pv-text-muted); }

@media (max-width: 720px) {
    .mval-ml-verification { padding: 14px; }
    .mval-approved-group { padding: 12px; }
    .mval-ml-verification button,
    .mval-verify-group { width: 100%; white-space: normal; }
    .mval-condition-scroll { width: 100%; }
    .mval-proposal-evidence > summary { max-width: 100%; overflow-wrap: anywhere; }
}

.mval-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px;
    border: 1px solid rgba(34, 211, 238, 0.18);
    border-radius: var(--pv-card-radius);
    background:
        radial-gradient(circle at 94% 8%, rgba(34, 211, 238, 0.11), transparent 31%),
        linear-gradient(135deg, rgba(18, 24, 40, 0.92), rgba(14, 22, 39, 0.78));
    box-shadow: var(--pv-elevation);
}

.mval-eyebrow {
    display: block;
    margin-bottom: 6px;
    color: var(--pv-accent-cyan);
    font: 700 var(--pv-text-xs) var(--pv-font-mono);
    letter-spacing: 0.12em;
}

.mval-hero h3,
.mval-toolbar h3 {
    margin: 0;
    color: var(--pv-text-primary);
}

.mval-hero h3 {
    font-size: var(--pv-text-xl);
}

.mval-hero p,
.mval-toolbar p {
    max-width: 720px;
    margin: 6px 0 0;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-sm);
    line-height: 1.55;
}

.mval-hero-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.mval-run-pill {
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 999px;
    color: var(--pv-text-muted);
    background: rgba(15, 23, 42, 0.72);
    font-size: var(--pv-text-xs);
    white-space: nowrap;
}

.mval-schedule {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 14px 0;
    padding: 12px 14px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 12px;
    background: rgba(30, 41, 59, 0.48);
}

.mval-schedule > .material-symbols-outlined {
    color: var(--pv-accent-cyan);
}

.mval-schedule strong,
.mval-schedule span {
    display: block;
}

.mval-schedule strong {
    color: var(--pv-text-primary);
    font-size: var(--pv-text-sm);
}

.mval-schedule span {
    margin-top: 2px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-schedule code {
    color: #bfdbfe;
    font-size: var(--pv-text-xs);
}

.mval-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.mval-kpis article {
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--pv-card-border);
    border-top: 2px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    background: rgba(18, 24, 40, 0.72);
}

.mval-kpis article.is-good {
    border-top-color: rgba(74, 222, 128, 0.65);
}

.mval-kpis article.is-warning {
    border-top-color: rgba(251, 191, 36, 0.7);
}

.mval-kpis article.is-danger {
    border-top-color: rgba(248, 113, 113, 0.72);
}

.mval-kpis span,
.mval-kpis strong {
    display: block;
}

.mval-kpis span {
    min-height: 2.25em;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
    line-height: 1.15;
}

.mval-kpis strong {
    margin-top: 7px;
    color: var(--pv-text-primary);
    font: 700 var(--pv-text-xl) var(--pv-font-mono);
}

.mval-results-card {
    padding: 0;
    overflow: hidden;
}

.mval-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 20px;
    border-bottom: 1px solid var(--pv-card-border);
}

.mval-filters {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.mval-filters label {
    display: grid;
    gap: 5px;
}

.mval-filters label > span {
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-filters select,
.mval-filters input {
    min-height: 38px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 9px;
    outline: 0;
    color: var(--pv-text-primary);
    background: #0c1425;
    font: 500 var(--pv-text-sm) var(--pv-font-ui);
}

.mval-filters select {
    min-width: 150px;
    padding: 0 30px 0 10px;
}

.mval-filters input {
    width: 190px;
    padding: 0 11px;
}

.mval-filters select:focus,
.mval-filters input:focus {
    border-color: rgba(96, 165, 250, 0.7);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.mval-message {
    margin: 14px 20px 0;
    padding: 10px 12px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 10px;
    color: #bfdbfe;
    background: rgba(30, 64, 175, 0.08);
    font-size: var(--pv-text-sm);
}

.mval-message.is-success {
    border-color: rgba(74, 222, 128, 0.2);
    color: #bbf7d0;
    background: rgba(22, 101, 52, 0.1);
}

.mval-message.is-warning {
    border-color: rgba(251, 191, 36, 0.22);
    color: #fde68a;
    background: rgba(146, 64, 14, 0.1);
}

.mval-message.is-error {
    border-color: rgba(248, 113, 113, 0.25);
    color: #fecaca;
    background: rgba(127, 29, 29, 0.12);
}

.mval-source-flow {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr) auto minmax(0, 1fr) auto
        minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 14px 0;
    padding: 12px 14px;
    border: 1px solid rgba(34, 211, 238, 0.14);
    border-radius: 12px;
    background: rgba(8, 47, 73, 0.16);
}

.mval-source-flow > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 7px;
    min-width: 0;
}

.mval-source-flow .material-symbols-outlined {
    grid-row: 1 / span 2;
    align-self: center;
    color: var(--pv-accent-cyan);
    font-size: 18px;
}

.mval-source-flow strong,
.mval-source-flow small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mval-source-flow strong {
    color: var(--pv-text-primary);
    font-size: var(--pv-text-xs);
}

.mval-source-flow small {
    margin-top: 2px;
    color: var(--pv-text-muted);
    font-size: 10px;
}

.mval-source-flow > span {
    color: var(--pv-text-muted);
}

.mval-source-flow button {
    padding: 8px 10px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 9px;
    background: rgba(59, 130, 246, 0.1);
    color: #bfdbfe;
    font-size: var(--pv-text-xs);
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.mval-source-flow button:hover,
.mval-source-flow button:focus-visible {
    border-color: rgba(96, 165, 250, 0.55);
    outline: none;
}

.mval-product + small.is-exact-quote,
.mval-money small.is-exact-quote {
    color: #6ee7b7;
}

.mval-product + small.is-estimate-quote,
.mval-money small.is-estimate-quote {
    color: #fcd34d;
}

.mval-rule-groups {
    display: grid;
    gap: 10px;
    padding: 14px 20px 20px;
}

.mval-rule-group {
    overflow: hidden;
    border: 1px solid var(--pv-card-border);
    border-radius: 13px;
    background: rgba(10, 17, 31, 0.56);
}

.mval-rule-group.is-legacy {
    border-style: dashed;
    border-color: rgba(251, 191, 36, 0.28);
}

.mval-rule-header {
    display: grid;
    grid-template-columns: auto minmax(210px, 1.05fr) minmax(260px, 1.4fr) minmax(150px, 0.7fr) auto;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 82px;
    padding: 14px 16px;
    border: 0;
    color: var(--pv-text-primary);
    background: transparent;
    font-family: var(--pv-font-ui);
    text-align: left;
    cursor: pointer;
    transition: background var(--pv-duration-fast);
}

.mval-rule-header:hover,
.mval-rule-header:focus-visible {
    background: rgba(59, 130, 246, 0.055);
}

.mval-rule-header:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.7);
    outline-offset: -2px;
}

.mval-rule-chevron {
    color: var(--pv-text-muted);
    transition: transform var(--pv-duration-fast);
}

.mval-rule-header[aria-expanded="true"] .mval-rule-chevron {
    transform: rotate(90deg);
}

.mval-rule-identity,
.mval-rule-metrics {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.mval-rule-identity strong {
    overflow: hidden;
    color: var(--pv-text-primary);
    font-size: var(--pv-text-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mval-rule-identity > span:last-child,
.mval-rule-metrics span {
    overflow: hidden;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mval-platform-pill {
    justify-self: start;
    padding: 3px 7px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    color: #cbd5e1;
    background: rgba(51, 65, 85, 0.34);
    font-size: 0.64rem;
    font-weight: 750;
}

.mval-platform-pill.is-mercadolibre {
    border-color: rgba(250, 204, 21, 0.25);
    color: #fde047;
    background: rgba(161, 98, 7, 0.14);
}

.mval-platform-pill.is-amazon {
    border-color: rgba(251, 146, 60, 0.25);
    color: #fdba74;
    background: rgba(154, 52, 18, 0.14);
}

.mval-platform-pill.is-shopify {
    border-color: rgba(74, 222, 128, 0.24);
    color: #86efac;
    background: rgba(22, 101, 52, 0.14);
}

.mval-platform-pill.is-tiktok {
    border-color: rgba(244, 114, 182, 0.26);
    color: #f9a8d4;
    background: rgba(157, 23, 77, 0.14);
}

.mval-rule-criteria {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    flex-wrap: wrap;
}

.mval-rule-criteria > span {
    padding: 4px 7px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 7px;
    color: #cbd5e1;
    background: rgba(30, 41, 59, 0.42);
    font-size: 0.68rem;
    line-height: 1.1;
}

.mval-rule-metrics strong {
    color: #dbeafe;
    font-size: var(--pv-text-sm);
}

.mval-rule-products {
    border-top: 1px solid var(--pv-card-border);
    background: rgba(2, 6, 23, 0.16);
}

.mval-rule-products[hidden] {
    display: none !important;
}

.mval-rule-meta {
    display: flex;
    gap: 14px;
    padding: 11px 16px 0;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
    flex-wrap: wrap;
}

.mval-rule-meta strong {
    color: var(--pv-text-primary);
}

.mval-rule-scope-note {
    flex: 1 1 100%;
    padding-top: 2px;
    color: #93c5fd;
}

.mval-table-wrap {
    width: 100%;
    overflow: auto;
    padding: 10px 20px 20px;
}

.mval-table {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
}

.mval-table th {
    padding: 10px 12px;
    border-bottom: 1px solid var(--pv-card-border);
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
    font-weight: 700;
    letter-spacing: 0.035em;
    text-align: left;
    text-transform: uppercase;
}

.mval-table td {
    padding: 13px 12px;
    border-bottom: 1px solid rgba(56, 73, 107, 0.16);
    color: var(--pv-text-primary);
    font-size: var(--pv-text-sm);
    vertical-align: middle;
}

.mval-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.045);
}

.mval-product strong,
.mval-product span,
.mval-table td > small,
.mval-difference strong,
.mval-difference small,
.mval-reviewed {
    display: block;
}

.mval-product strong {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mval-product span,
.mval-table td > small,
.mval-difference small {
    margin-top: 3px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-money,
.mval-difference {
    font-family: var(--pv-font-mono);
    white-space: nowrap;
}

.mval-difference.is-over {
    color: #fbbf24;
}

.mval-difference.is-under {
    color: #f87171;
}

.mval-status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    font-size: var(--pv-text-xs);
    font-weight: 700;
    white-space: nowrap;
}

.mval-status.is-good {
    border-color: rgba(74, 222, 128, 0.22);
    color: #86efac;
    background: rgba(22, 101, 52, 0.12);
}

.mval-status.is-warning {
    border-color: rgba(251, 191, 36, 0.24);
    color: #fde68a;
    background: rgba(146, 64, 14, 0.12);
}

.mval-status.is-danger {
    border-color: rgba(248, 113, 113, 0.26);
    color: #fecaca;
    background: rgba(127, 29, 29, 0.14);
}

.mval-status.is-muted {
    color: var(--pv-text-muted);
    background: rgba(51, 65, 85, 0.28);
}

.mval-reviewed {
    margin-top: 5px;
    color: #86efac;
    font-size: 0.64rem;
}

.mval-reviewed.is-requested {
    color: #fbbf24;
}

.mval-status-scope,
.mval-no-detail {
    display: block;
    margin-top: 5px;
    color: var(--pv-text-muted);
    font-size: 0.64rem;
}

.mval-detail-btn {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    color: #bfdbfe;
    background: rgba(37, 99, 235, 0.09);
    font: 650 var(--pv-text-xs) var(--pv-font-ui);
    cursor: pointer;
    white-space: nowrap;
}

.mval-detail-btn:hover {
    background: rgba(37, 99, 235, 0.18);
}

.mval-empty {
    height: 92px;
    color: var(--pv-text-secondary) !important;
    text-align: center;
}

.mval-dialog {
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(960px, calc(100vw - 30px));
    max-height: calc(100vh - 36px);
    padding: 0;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 18px;
    color: var(--pv-text-primary);
    background: #0d1525;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
}

.mval-dialog::backdrop {
    background: rgba(2, 6, 23, 0.76);
    backdrop-filter: blur(5px);
}

.mval-dialog-shell {
    max-height: calc(100vh - 38px);
    overflow: auto;
}

.mval-dialog header {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--pv-card-border);
    background: rgba(13, 21, 37, 0.96);
    backdrop-filter: blur(14px);
}

.mval-dialog header h3,
.mval-dialog header p {
    margin: 0;
}

.mval-dialog header h3 {
    font-size: var(--pv-text-xl);
}

.mval-dialog header p {
    margin-top: 4px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-sm);
}

.mval-close {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 9px;
    color: var(--pv-text-muted);
    background: rgba(30, 41, 59, 0.42);
    font-size: 1.4rem;
    cursor: pointer;
}

.mval-dialog-content {
    padding: 20px 22px 24px;
}

.mval-detail-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.mval-detail-summary article {
    padding: 13px;
    border: 1px solid var(--pv-card-border);
    border-radius: 11px;
    background: rgba(18, 24, 40, 0.62);
}

.mval-detail-summary span,
.mval-detail-summary strong {
    display: block;
}

.mval-detail-summary span {
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-detail-summary strong {
    margin-top: 6px;
    font: 700 var(--pv-text-base) var(--pv-font-mono);
}

.mval-recommendation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 14px 0;
    padding: 13px 14px;
    border: 1px solid rgba(251, 191, 36, 0.18);
    border-radius: 11px;
    background: rgba(146, 64, 14, 0.08);
}

.mval-recommendation strong,
.mval-recommendation p {
    margin: 0;
}

.mval-recommendation p {
    margin-top: 4px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-sm);
}

.mval-recommendation > span {
    color: #fde68a;
    font-size: var(--pv-text-xs);
    font-weight: 700;
    white-space: nowrap;
}

.mval-component-wrap {
    overflow: auto;
    border: 1px solid var(--pv-card-border);
    border-radius: 11px;
}

.mval-component-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
}

.mval-component-table th,
.mval-component-table td {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(56, 73, 107, 0.17);
    text-align: right;
}

.mval-component-table th:first-child,
.mval-component-table td:first-child {
    text-align: left;
}

.mval-component-table th {
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-component-table td {
    font: 500 var(--pv-text-sm) var(--pv-font-mono);
}

.mval-component-table td:first-child {
    font-family: var(--pv-font-ui);
}

.mval-component-table td strong,
.mval-component-table td small {
    display: block;
}

.mval-component-table td small {
    margin-top: 3px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-cogs-note,
.mval-evidence {
    margin-top: 13px;
    border: 1px solid var(--pv-card-border);
    border-radius: 11px;
    background: rgba(18, 24, 40, 0.44);
}

.mval-cogs-note {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
}

.mval-cogs-note strong {
    color: #c4b5fd;
}

.mval-cogs-note span,
.mval-evidence span,
.mval-safety-note {
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-evidence {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
}

.mval-evidence > div {
    min-width: 0;
    padding: 11px 13px;
}

.mval-evidence > div + div {
    border-left: 1px solid var(--pv-card-border);
}

.mval-evidence span,
.mval-evidence strong {
    display: block;
}

.mval-evidence strong {
    margin-top: 4px;
    overflow-wrap: anywhere;
    font-size: var(--pv-text-xs);
}

.mval-review-actions {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 16px;
}

.mval-safety-note {
    margin: 8px 0 0;
    text-align: right;
}

.mval-tab-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    margin-left: 6px;
    padding: 0 6px;
    border: 1px solid rgba(248, 113, 113, 0.35);
    border-radius: 999px;
    color: #fff;
    background: #dc2626;
    font: 700 0.65rem var(--pv-font-mono);
    line-height: 1;
}

.mval-tab-badge[hidden],
.mval-rule-notice[hidden],
.mval-inbox-message[hidden] {
    display: none !important;
}

.mval-rule-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px solid rgba(251, 191, 36, 0.28);
    border-radius: 12px;
    color: #fde68a;
    background: rgba(146, 64, 14, 0.12);
}

.mval-rule-notice.is-danger {
    border-color: rgba(248, 113, 113, 0.3);
    color: #fecaca;
    background: rgba(127, 29, 29, 0.14);
}

.mval-rule-notice strong,
.mval-rule-notice span:not(.material-symbols-outlined) {
    display: block;
}

.mval-rule-notice span:not(.material-symbols-outlined) {
    margin-top: 2px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-rule-notice button {
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: inherit;
    background: transparent;
    font: 700 var(--pv-text-xs) var(--pv-font-ui);
    cursor: pointer;
}

.mval-inbox-card {
    margin-bottom: 16px;
    padding: 0;
    overflow: hidden;
}

.mval-inbox-toolbar {
    align-items: center;
}

.mval-inbox-counts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.mval-inbox-counts > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 999px;
    color: var(--pv-text-secondary);
    background: rgba(15, 23, 42, 0.6);
    font-size: var(--pv-text-xs);
}

.mval-inbox-counts > span.is-warning {
    border-color: rgba(251, 191, 36, 0.2);
}

.mval-inbox-counts > span.is-danger {
    border-color: rgba(248, 113, 113, 0.22);
}

.mval-inbox-counts strong {
    color: var(--pv-text-primary);
    font: 700 var(--pv-text-sm) var(--pv-font-mono);
}

.mval-inbox-message {
    margin: 14px 20px;
    padding: 9px 11px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 9px;
    color: #bfdbfe;
    background: rgba(30, 64, 175, 0.08);
    font-size: var(--pv-text-xs);
}

.mval-inbox-message.is-success {
    border-color: rgba(74, 222, 128, 0.2);
    color: #bbf7d0;
    background: rgba(22, 101, 52, 0.1);
}

.mval-inbox-message.is-warning {
    border-color: rgba(251, 191, 36, 0.22);
    color: #fde68a;
    background: rgba(146, 64, 14, 0.1);
}

.mval-inbox-message.is-error {
    border-color: rgba(248, 113, 113, 0.25);
    color: #fecaca;
    background: rgba(127, 29, 29, 0.12);
}

.mval-proposals {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 650px), 1fr));
    gap: 12px;
    padding: 0 20px 18px;
}

.mval-proposal-comparison, .mval-proposal-reason {
    min-width: 0;
    margin: 14px 0;
    padding: 12px;
    border: 1px solid var(--pv-card-border, #354762);
    border-radius: 8px;
    background: rgba(2, 6, 23, .18);
}
.mval-proposal-comparison h4, .mval-proposal-reason h4 { margin: 0 0 10px; color: var(--pv-text-primary, #e5edfa); font-size: 14px; }
.mval-before-after { width: 100%; min-width: 540px; }
.mval-before-after th:first-child { width: 42%; }
.mval-before-after th, .mval-before-after td { padding: 10px 8px; vertical-align: top; }
.mval-before-after th small { text-transform: none; letter-spacing: normal; font-weight: normal; }
.mval-before-after th small, .mval-before-after td small, .mval-reference-group > p small { display: block; margin-top: 4px; line-height: 1.4; }
.mval-before-after td:nth-child(3) { background: rgba(99, 102, 241, .07); }
.mval-before-after td:not(:first-child) { font-variant-numeric: tabular-nums; }
.mval-comparison-note, .mval-proposal-reason p, .mval-proposal-reason dl { font-size: 12px; line-height: 1.6; color: var(--pv-text-secondary, #abc0de); }
.mval-proposal-reason { border-left: 3px solid #818cf8; }
.mval-proposal-reason dl { margin: 8px 0; }
.mval-proposal-reason dl > div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 8px; margin: 4px 0; }
.mval-proposal-reason dt { font-weight: 700; }
.mval-proposal-reason dd { margin: 0; overflow-wrap: anywhere; }
.mval-comparison-more > summary { padding: 10px 0; color: #a5c7ff; cursor: pointer; font-size: 13px; }
.mval-reference-group + .mval-reference-group { margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--pv-card-border, #354762); }
.mcc-tariff-difference { display: flex; justify-content: space-between; gap: 12px; padding: 10px; background: rgba(99, 102, 241, .12); }
.mval-order-comparison { flex: 1 1 100%; padding: 14px; margin: 16px 0; border: 1px solid #596189; border-radius: 8px; background: rgba(99, 102, 241, .06); min-width: 0; }
.mval-order-comparison h4 { margin: 0 0 10px; }
.mval-order-comparison p { color: var(--pv-text-secondary, #abc0de); font-size: 13px; line-height: 1.6; }
.mval-order-comparison.is-good { border-color: #398873; }
.mval-order-comparison.is-warning { border-color: #927b41; }
.mval-paired-case { border-top: 1px solid #354762; padding: 12px 0; min-width: 0; }
.mval-paired-case summary { color: #a5c7ff; cursor: pointer; }
.mval-paired-orders { min-width: 690px; }
.mval-proposal-actions button:disabled { opacity: .45; cursor: not-allowed; }

@media (max-width: 720px) {
    .mval-before-after { min-width: 0; display: block; }
    .mval-before-after thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .mval-before-after tbody { display: block; }
    .mval-before-after tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 8px 0; border-bottom: 1px solid #354762; }
    .mval-before-after td { display: block; min-width: 0; padding: 8px 4px; border: 0; overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; }
    .mval-before-after td:first-child { grid-column: 1 / -1; }
    .mval-before-after td[data-label]::before { display: block; content: attr(data-label); margin-bottom: 7px; font-size: 11px; color: #abc0de; }
}

.mval-proposals > .mval-empty {
    grid-column: 1 / -1;
}

.mval-proposals > .mval-proposal:only-of-type {
    grid-column: 1 / -1;
}

.mval-proposal {
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--pv-card-border);
    border-top: 2px solid rgba(148, 163, 184, 0.25);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.58);
}

.mval-proposal.is-pending {
    border-top-color: rgba(251, 191, 36, 0.72);
}

.mval-proposal.is-approved {
    border-top-color: rgba(74, 222, 128, 0.65);
}

.mval-proposal-header,
.mval-alert-item > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.mval-proposal-identity,
.mval-alert-item > header > div {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    flex-wrap: wrap;
}

.mval-platform-mark,
.mval-alert-platform,
.mval-alert-kind,
.mval-alert-state {
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-platform-mark {
    overflow: hidden;
    max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mval-proposal-header time {
    color: var(--pv-text-muted);
    font-size: var(--pv-text-xs);
    white-space: nowrap;
}

.mval-proposal-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
    margin-top: 13px;
}

.mval-proposal-body > div:first-child > strong {
    display: block;
    color: var(--pv-text-primary);
    font-size: var(--pv-text-sm);
    line-height: 1.45;
}

.mval-parameter-comparison {
    margin-top: 12px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 10px;
    background: rgba(30, 64, 175, 0.06);
    overflow: hidden;
}

.mval-parameter-comparison > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.mval-parameter-comparison > header strong {
    color: var(--pv-text-primary);
    font-size: var(--pv-text-xs);
}

.mval-parameter-comparison > header > span {
    padding: 3px 7px;
    border-radius: 999px;
    color: #bfdbfe;
    background: rgba(37, 99, 235, 0.14);
    font-size: 0.64rem;
    white-space: nowrap;
}

.mval-parameter-comparison.is-bootstrap {
    border-color: rgba(74, 222, 128, 0.2);
    background: rgba(22, 101, 52, 0.07);
}

.mval-parameter-comparison.is-bootstrap > header > span {
    color: #bbf7d0;
    background: rgba(22, 101, 52, 0.18);
}

.mval-parameter-comparison.is-unavailable {
    display: grid;
    gap: 3px;
    padding: 10px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-parameter-comparison.is-unavailable > strong {
    color: var(--pv-text-primary);
}

.mval-parameter-rows {
    display: grid;
}

.mval-parameter-rows > p {
    margin: 0;
    padding: 10px;
    color: var(--pv-text-muted);
    font-size: var(--pv-text-xs);
}

.mval-parameter-row {
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr) minmax(180px, 1.2fr);
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
}

.mval-parameter-row + .mval-parameter-row {
    border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.mval-parameter-name {
    overflow-wrap: anywhere;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-parameter-values {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    min-width: 0;
    font: 650 var(--pv-text-xs) var(--pv-font-mono);
    text-align: right;
}

.mval-parameter-values > span {
    overflow-wrap: anywhere;
}

.mval-parameter-values > span[aria-hidden="true"] {
    color: var(--pv-text-muted);
}

.mval-parameter-values .is-current {
    color: var(--pv-text-muted);
    text-decoration: line-through;
}

.mval-parameter-values .is-proposed {
    color: #86efac;
}

.mval-parameter-values.is-bootstrap {
    grid-template-columns: 1fr;
}

.mval-parameter-more {
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.mval-parameter-more > summary {
    padding: 8px 10px;
    color: #93c5fd;
    font-size: var(--pv-text-xs);
    cursor: pointer;
}

.mval-parameter-more[open] > summary {
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.mval-proposal-fingerprints {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.mval-proposal-fingerprints > span:not(.material-symbols-outlined),
.mval-proposal-impact {
    min-width: 0;
    padding: 9px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 9px;
    background: rgba(2, 6, 23, 0.28);
}

.mval-proposal-fingerprints small,
.mval-proposal-fingerprints code,
.mval-fingerprint-empty {
    display: block;
}

.mval-proposal-fingerprints small {
    margin-bottom: 5px;
    color: var(--pv-text-muted);
    font-size: 0.62rem;
    text-transform: uppercase;
}

.mval-proposal-fingerprints code,
.mval-fingerprint-empty {
    overflow: hidden;
    color: #bfdbfe;
    font-size: var(--pv-text-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mval-fingerprint-empty {
    color: var(--pv-text-muted);
}

.mval-proposal-fingerprints > .material-symbols-outlined {
    color: var(--pv-text-muted);
    font-size: 18px;
}

.mval-proposal-impact {
    width: 112px;
    text-align: center;
}

.mval-proposal-impact strong,
.mval-proposal-impact span {
    display: block;
}

.mval-proposal-impact strong {
    color: var(--pv-text-primary);
    font: 700 var(--pv-text-lg) var(--pv-font-mono);
}

.mval-proposal-impact span {
    margin-top: 4px;
    color: var(--pv-text-secondary);
    font-size: 0.66rem;
}

.mval-proposal-evidence,
.mval-alert-payload {
    margin-top: 11px;
    color: var(--pv-text-secondary);
    font-size: var(--pv-text-xs);
}

.mval-proposal-evidence > summary,
.mval-alert-payload > summary {
    width: max-content;
    color: #93c5fd;
    cursor: pointer;
}

.mval-structured-data,
.mval-structured-list,
.mval-structured-copy,
.mval-structured-empty {
    margin: 9px 0 0;
    padding: 10px;
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.28);
}

.mval-structured-data {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
}

.mval-structured-data div {
    min-width: 0;
}

.mval-structured-data dt {
    color: var(--pv-text-muted);
}

.mval-structured-data dd {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
    color: var(--pv-text-primary);
}

.mval-structured-list {
    padding-left: 27px;
}

.mval-proposal-actions,
.mval-alert-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 13px;
}

.mval-proposal-actions button:disabled,
.mval-alert-actions button:disabled {
    opacity: 0.55;
    cursor: wait;
}

.mval-alerts-accordion {
    margin: 0 20px 20px;
    border: 1px solid rgba(248, 113, 113, 0.18);
    border-radius: 11px;
    background: rgba(127, 29, 29, 0.05);
    overflow: hidden;
}

.mval-alerts-accordion > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px;
    color: var(--pv-text-primary);
    cursor: pointer;
    list-style: none;
}

.mval-alerts-accordion > summary::-webkit-details-marker {
    display: none;
}

.mval-alerts-accordion > summary > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.mval-alerts-accordion > summary .material-symbols-outlined {
    color: #f87171;
    font-size: 20px;
}

#mval-alerts-summary {
    color: #fca5a5;
    font-size: var(--pv-text-xs);
}

.mval-alerts-list {
    display: grid;
    gap: 10px;
    padding: 0 12px 12px;
}

.mval-alert-item {
    padding: 13px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-left: 3px solid rgba(251, 191, 36, 0.72);
    border-radius: 9px;
    background: rgba(15, 23, 42, 0.65);
}

.mval-alert-item.is-critical,
.mval-alert-item.is-high {
    border-left-color: rgba(248, 113, 113, 0.84);
}

.mval-alert-item.is-closed {
    opacity: 0.68;
    border-left-color: rgba(148, 163, 184, 0.35);
}

.mval-alert-kind {
    color: var(--pv-text-primary);
    font-weight: 700;
}

.mval-alert-state {
    white-space: nowrap;
}

.mval-alert-reason {
    margin: 10px 0 0;
    color: var(--pv-text-primary);
    font-size: var(--pv-text-sm);
    line-height: 1.45;
}

.mval-alert-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    color: var(--pv-text-muted);
    font-size: var(--pv-text-xs);
}

.mval-alert-meta time {
    white-space: nowrap;
}

@media (max-width: 1040px) {
    .mval-source-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mval-source-flow > span {
        display: none;
    }

    .mval-source-flow button {
        grid-column: 1 / -1;
    }

    .mval-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mval-rule-header {
        grid-template-columns: auto minmax(190px, 1fr) minmax(230px, 1.2fr) auto;
    }

    .mval-rule-metrics {
        display: none;
    }

    .mval-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .mval-proposals {
        grid-template-columns: 1fr;
    }

    .mval-inbox-counts {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .mval-source-flow {
        grid-template-columns: 1fr;
    }

    .mval-hero,
    .mval-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .mval-schedule {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .mval-schedule code {
        grid-column: 2;
    }

    .mval-kpis,
    .mval-detail-summary,
    .mval-evidence {
        grid-template-columns: 1fr 1fr;
    }

    .mval-filters,
    .mval-filters label,
    .mval-filters select,
    .mval-filters input {
        width: 100%;
    }

    .mval-evidence > div + div {
        border-left: 0;
        border-top: 1px solid var(--pv-card-border);
    }

    .mval-review-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .mval-rule-groups {
        padding-inline: 12px;
    }

    .mval-rule-header {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
    }

    .mval-rule-criteria {
        grid-column: 2 / -1;
    }

    .mval-rule-header > .mval-status {
        grid-column: 3;
        grid-row: 1;
    }

    .mval-rule-notice {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .mval-rule-notice button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .mval-proposals {
        padding-inline: 12px;
    }

    .mval-inbox-message,
    .mval-alerts-accordion {
        margin-inline: 12px;
    }

    .mval-proposal-body,
    .mval-proposal-fingerprints,
    .mval-parameter-row,
    .mval-structured-data {
        grid-template-columns: 1fr;
    }

    .mval-proposal-header { flex-direction: column; align-items: flex-start; }
    .mval-proposal-header time { white-space: normal; text-align: left; }

    .mval-parameter-values {
        text-align: left;
    }

    .mval-proposal-fingerprints > .material-symbols-outlined {
        transform: rotate(90deg);
        justify-self: center;
    }

    .mval-proposal-impact {
        width: auto;
    }

    .mval-proposal-actions,
    .mval-alert-actions,
    .mval-alert-meta {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Match Histórico OC density: 0.73rem cells, 5px/8px padding. */
#cfg-sales-panel-calculadora .mcc-header h3 { font-size: 20px; }
#cfg-sales-panel-calculadora .mcc-rule-home h3 { font-size: 15px; }
#cfg-sales-panel-calculadora .mcc-rule-home h4 { font-size: 13px; margin: 6px 0; }
#cfg-sales-panel-calculadora .mcc-rule-home p { font-size: 12px; line-height: 1.35; margin: 5px 0; }
#cfg-sales-panel-calculadora .mcc-rule-home small { font-size: 11px; line-height: 1.3; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-condition-table { font-size: 12px; line-height: 1.3; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-condition-table th { font-size: 10px; padding: 7px 8px; line-height: 1.3; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-condition-table td { font-size: 12px; padding: 5px 8px; line-height: 1.3; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-condition-table td strong { font-size: inherit; font-weight: 600; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-condition-table small { font-size: 11px; margin: 2px 0; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-condition-table th small { display: block; font-weight: 400; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-before-after { margin: 6px 0; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-before-after td { padding: 6px 8px; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-before-after td:first-child { width: 45%; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal { padding: 10px; border-top-width: 1px; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-header { font-size: 11px; gap: 6px; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-header time { font-size: 11px; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-body { display: flex; justify-content: space-between; gap: 10px; margin: 8px 0; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-body > div:first-child { min-width: 0; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-body strong { font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-impact { display: flex; align-items: baseline; gap: 4px; padding: 0; border: 0; background: none; width: auto; min-width: 0; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-impact span { font-size: 11px; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-comparison,
#cfg-sales-panel-calculadora .mcc-rule-home .mval-order-comparison { padding: 8px; margin: 8px 0; }
#cfg-sales-panel-calculadora .mcc-rule-home .mval-reference-group { margin: 8px 0; }
#cfg-sales-panel-calculadora .mcc-rule-home summary { font-size: 12px; line-height: 1.35; cursor: pointer; }
#cfg-sales-panel-calculadora .mcc-rule-home details { margin-top: 6px; }
#cfg-sales-panel-calculadora .mcc-rule-section { padding-top: 8px; margin-top: 10px; }
#cfg-sales-panel-calculadora .mcc-rule-detail-heading { margin-bottom: 10px; gap: 10px; }
#cfg-sales-panel-calculadora #mcc-rule-detail { padding: 12px; margin: 12px 0; }
#cfg-sales-panel-calculadora .mcc-shared-rule { padding: 10px; gap: 6px; }
#cfg-sales-panel-calculadora .mcc-rule-topline strong { font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-rule-variables { gap: 4px 12px; }
#cfg-sales-panel-calculadora .mcc-rule-variables > span { font-size: 11px; line-height: 1.3; }
#cfg-sales-panel-calculadora .mcc-rule-variables b { font-size: 10px; }
#cfg-sales-panel-calculadora .mcc-current-summary { display: flex; flex-wrap: wrap; gap: 3px 10px; font-size: 11px; color: #b4c2d6; }
#cfg-sales-panel-calculadora .mcc-current-summary b { font-weight: 500; }
#cfg-sales-panel-calculadora .mcc-rule-observation { color: #b4c2d6; font-size: 11px; }
#cfg-sales-panel-calculadora .mcc-rule-observation.has-deviations { color: #fbbd77; }
#cfg-sales-panel-calculadora .mcc-rule-home .mcc-candidate-label { color: #c0b8ff; font-size: 11px; }
#cfg-sales-panel-calculadora .mcc-rule-home .cfg-save-btn,
#cfg-sales-panel-calculadora .mcc-rule-home .cfg-cancel-btn { font-size: 12px; padding: 6px 10px; min-height: 30px; }
#cfg-sales-panel-calculadora .mcc-kpis article { padding: 8px 10px; gap: 3px; }
#cfg-sales-panel-calculadora .mcc-kpis strong { font-size: 20px; }
#cfg-sales-panel-calculadora .mcc-current-rules { margin-bottom: 12px; }
#cfg-sales-panel-calculadora .mcc-current-rules .mcc-rule-sources { margin-top: 2px; }
#cfg-sales-panel-calculadora .mcc-current-rules .mcc-rule-sources summary { font-size: 10px; color: #98aac4; }
#cfg-sales-panel-calculadora .mcc-current-rules .mcc-rule-sources small { display: block; font-size: 10px; line-height: 1.35; }
#cfg-sales-panel-calculadora .mcc-paired-summary { min-width: 1000px; }
#cfg-sales-panel-calculadora .mcc-paired-summary td { font-variant-numeric: tabular-nums; }
#cfg-sales-panel-calculadora .mcc-paired-summary td:nth-child(n+2):nth-child(-n+6) { white-space: nowrap; }
#cfg-sales-panel-calculadora .mcc-rule-home .mcc-error-definition { font-size: 11px; color: #98aac4; }
#cfg-sales-panel-calculadora .mcc-concept-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0; border-bottom: 1px solid #303951; padding-bottom: 6px; }
#cfg-sales-panel-calculadora .mcc-concept-tabs button { border: 1px solid transparent; border-radius: 5px; background: transparent; color: #becbe1; font: inherit; font-size: 12px; padding: 6px 9px; cursor: pointer; }
#cfg-sales-panel-calculadora .mcc-concept-tabs button[aria-selected="true"] { background: #302c60; border-color: #7e73e5; color: #f3f1ff; }
#cfg-sales-panel-calculadora .mcc-concept-tabs button:focus-visible { outline: 2px solid #a99eff; outline-offset: 2px; }
#cfg-sales-panel-calculadora .mcc-accuracy-values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 8px 0; }
#cfg-sales-panel-calculadora .mcc-accuracy-values > div { display: flex; flex-direction: column; gap: 3px; padding: 8px; background: #121a2b; border: 1px solid #303951; border-radius: 6px; }
#cfg-sales-panel-calculadora .mcc-accuracy-values span { font-size: 11px; color: #b6c4da; }
#cfg-sales-panel-calculadora .mcc-accuracy-values strong { font-size: 18px; }
#cfg-sales-panel-calculadora .mcc-concept-accuracy, #cfg-sales-panel-calculadora .mcc-combined-total { display: flex; flex-wrap: wrap; gap: 5px 18px; font-size: 12px; margin: 8px 0; }
#cfg-sales-panel-calculadora .mcc-origin-products { max-height: 180px; overflow: auto; margin: 5px 0; padding-left: 15px; }
#cfg-sales-panel-calculadora .mcc-origin-products li { margin: 4px 0; }
#cfg-sales-panel-calculadora .mcc-order-components { padding-left: 16px; margin: 5px 0; }
#cfg-sales-panel-calculadora .mcc-order-components li { margin: 5px 0; }
#cfg-sales-panel-calculadora .mcc-combined-orders { min-width: 760px; }
#cfg-sales-panel-calculadora .mcc-current-tariffs { min-width: 820px; }
#cfg-sales-panel-calculadora .mcc-current-tariffs--compact { min-width: 600px; }
#cfg-sales-panel-calculadora .mcc-supermarket-column { width: 95px; text-align: center; }
#cfg-sales-panel-calculadora .mcc-boolean-mark { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border: 1px solid #8290a5; border-radius: 3px; vertical-align: middle; font-size: 12px; line-height: 1; }
#cfg-sales-panel-calculadora .mcc-boolean-mark.is-checked { color: #8ce5bd; border-color: #68c5a0; background: #17362d; }
#cfg-sales-panel-calculadora .mcc-supermarket-pending { font-size: 10px; color: #f6ca75; }
#cfg-sales-panel-calculadora .mcc-publication-scopes { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 12px; }
#cfg-sales-panel-calculadora .mcc-publication-scopes button[aria-pressed="true"] { border-color: #7e73e5; background: #302c60; color: #f3f1ff; }
#cfg-sales-panel-calculadora .mcc-publication-scopes button:focus-visible { outline: 2px solid #a99eff; outline-offset: 2px; }
#cfg-sales-panel-calculadora #mcc-publication-products { min-width: 620px; }
#cfg-sales-panel-calculadora #mcc-publication-products td { vertical-align: top; }
#cfg-sales-panel-calculadora .mcc-tentative-charges { padding-left: 15px; margin: 5px 0; }
#cfg-sales-panel-calculadora .mcc-tentative-charges li { margin: 5px 0; }
#cfg-sales-panel-calculadora .mcc-products-table { min-width: 800px; }
/* One platform workspace, with differences next to their affected concept. */
#cfg-sales-panel-calculadora .mcc-platform-picker { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
#cfg-sales-panel-calculadora .mcc-platform-picker [aria-pressed="true"] { background: #302c60; border-color: #a99eff; }
#cfg-sales-panel-calculadora .mcc-tab-alert { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-left: 6px; border-radius: 50%; color: #ffd693; background: #50391d; font-weight: 800; }
#cfg-sales-panel-calculadora .mcc-rule-status { display: inline-block; font-size: 11px; line-height: 1.4; border-radius: 5px; padding: 3px 6px; }
#cfg-sales-panel-calculadora .mcc-rule-status.is-warning { color: #ffd693; background: #47351e; }
#cfg-sales-panel-calculadora .mcc-rule-status.is-good { color: #9de5c6; background: #173c33; }
#cfg-sales-panel-calculadora .mcc-rule-status.is-muted { color: #aab9ce; background: #252f41; }
#cfg-sales-panel-calculadora .mcc-cost-summary { padding: 14px; border: 1px solid #303951; border-radius: 10px; margin: 12px 0; background: #0b1323; }
#cfg-sales-panel-calculadora .mcc-cost-summary > header,
#cfg-sales-panel-calculadora .mcc-changes > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#cfg-sales-panel-calculadora .mcc-chart-legend { display: flex; flex-wrap: wrap; gap: 14px; color: #b7c5d9; font-size: 11px; }
#cfg-sales-panel-calculadora .mcc-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
#cfg-sales-panel-calculadora .mcc-chart-legend i { width: 10px; height: 10px; border-radius: 3px; }
#cfg-sales-panel-calculadora .is-calculated { background: #9990ff; }
#cfg-sales-panel-calculadora .is-actual { background: #4fd2bc; }
#cfg-sales-panel-calculadora .mcc-cost-chart { margin: 14px 0; }
#cfg-sales-panel-calculadora .mcc-chart-row { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(180px, 2.5fr) minmax(100px, .7fr); align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid #233047; }
#cfg-sales-panel-calculadora .mcc-chart-row > div { min-width: 0; }
#cfg-sales-panel-calculadora .mcc-chart-row small { display: block; color: #aab9ce; margin-top: 5px; }
#cfg-sales-panel-calculadora .mcc-chart-row.is-withholding { border-top: 1px dashed #647089; margin-top: 8px; }
#cfg-sales-panel-calculadora .mcc-chart-bars { display: grid; gap: 7px; }
#cfg-sales-panel-calculadora .mcc-chart-measure { display: grid; grid-template-columns: minmax(0, 1fr) 90px; align-items: center; gap: 10px; font-size: 12px; font-variant-numeric: tabular-nums; }
#cfg-sales-panel-calculadora .mcc-chart-measure b { text-align: right; font-weight: 500; }
#cfg-sales-panel-calculadora .mcc-chart-track { background: #182238; border-radius: 3px; height: 10px; }
#cfg-sales-panel-calculadora .mcc-chart-track i { display: block; height: 100%; border-radius: inherit; }
#cfg-sales-panel-calculadora .mcc-chart-track .is-negative { background-image: repeating-linear-gradient(135deg, transparent 0 4px, #10182988 4px 8px); }
#cfg-sales-panel-calculadora .mcc-chart-delta { text-align: right; font-variant-numeric: tabular-nums; }
#cfg-sales-panel-calculadora .mcc-chart-delta strong { font-size: 15px; }
#cfg-sales-panel-calculadora .mcc-component-differences { grid-column: 1 / -1; min-width: 0; width: 100%; }
#cfg-sales-panel-calculadora .mcc-component-differences > summary { color: #ffd693; cursor: pointer; padding: 8px 0; font-weight: 600; }
#cfg-sales-panel-calculadora .mcc-component-differences summary:focus-visible { outline: 2px solid #a99eff; outline-offset: 3px; border-radius: 3px; }
#cfg-sales-panel-calculadora .mcc-difference-orders { display: grid; gap: 10px; margin: 8px 0; }
#cfg-sales-panel-calculadora .mcc-difference-order { padding: 12px; border: 1px solid #3c465d; border-radius: 8px; background: #121a2b; min-width: 0; overflow-wrap: anywhere; }
#cfg-sales-panel-calculadora .mcc-difference-order > header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; }
#cfg-sales-panel-calculadora .mcc-difference-order > header > div:first-child { flex: 1 1 280px; min-width: 0; }
#cfg-sales-panel-calculadora .mcc-difference-order > header > div:first-child > span { display: block; margin-top: 7px; }
#cfg-sales-panel-calculadora .mcc-difference-order small { display: block; color: #aab9ce; font-size: 11px; margin-top: 4px; }
#cfg-sales-panel-calculadora .mcc-difference-amounts { display: flex; flex-wrap: wrap; align-items: start; gap: 12px 24px; font-size: 12px; font-variant-numeric: tabular-nums; }
#cfg-sales-panel-calculadora .mcc-difference-amounts b { display: block; margin-top: 4px; font-size: 15px; }
#cfg-sales-panel-calculadora .mcc-difference-amounts > span:last-child b { color: #ffd693; }
#cfg-sales-panel-calculadora .mcc-difference-reason { font-size: 12px; line-height: 1.5; color: #becbe1; margin: 12px 0; }
#cfg-sales-panel-calculadora .mcc-difference-evidence > summary { cursor: pointer; color: #c9c1ff; padding: 4px 0; }
#cfg-sales-panel-calculadora .mcc-difference-evidence .mval-condition-scroll { max-width: 100%; overflow: auto; }
#cfg-sales-panel-calculadora .mcc-difference-breakdown { min-width: 680px; }
#cfg-sales-panel-calculadora .mcc-difference-breakdown th:nth-child(n+2):nth-child(-n+4),
#cfg-sales-panel-calculadora .mcc-difference-breakdown td:nth-child(n+2):nth-child(-n+4) { min-width: 96px; white-space: nowrap; overflow-wrap: normal; }
#cfg-sales-panel-calculadora .mcc-difference-breakdown th:first-child { min-width: 180px; }
#cfg-sales-panel-calculadora .mcc-difference-breakdown .is-selected { background: #292940; }
#cfg-sales-panel-calculadora .mcc-concept-accuracy > div { width: 100%; min-width: 0; }
#cfg-sales-panel-calculadora .mcc-total-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 16px 0; border-block: 1px solid #2b3750; }
#cfg-sales-panel-calculadora .mcc-total-metrics span, #cfg-sales-panel-calculadora .mcc-total-metrics small { display: block; color: #aab9ce; font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-total-metrics strong { display: block; margin: 8px 0 4px; font-size: 21px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#cfg-sales-panel-calculadora .mcc-total-metrics > div:last-child strong { color: #ffd693; }
#cfg-sales-panel-calculadora .mcc-chart-row { grid-template-columns: minmax(150px, 1fr) minmax(180px, 2fr) minmax(200px, 1fr); }
#cfg-sales-panel-calculadora .mcc-product-deviations { margin: 18px 0; padding: 14px; border: 1px solid #33415b; border-radius: 10px; }
#cfg-sales-panel-calculadora .mcc-product-deviations summary { cursor: pointer; color: #d7cfff; font-weight: 600; }
#cfg-sales-panel-calculadora .mcc-product-deviations p { color: #aab9ce; font-size: 12px; }
#cfg-sales-panel-calculadora .mcc-product-deviations .mval-condition-scroll { max-height: 430px; overflow: auto; }
#cfg-sales-panel-calculadora .mcc-scoped-proposal { margin-top: 10px; padding-top: 8px; border-top: 1px solid #33415b; }
#cfg-sales-panel-calculadora .mcc-rounding-note { padding: 10px; background: #302a1e; border-radius: 6px; color: #ffdc9e; }
#cfg-sales-panel-calculadora .mcc-difference-product { padding: 12px; margin-top: 14px; border: 1px solid #48526b; border-radius: 8px; min-width: 0; }
#cfg-sales-panel-calculadora .mcc-difference-product > summary { cursor: pointer; color: #e1dbff; }
#cfg-sales-panel-calculadora .mcc-difference-product > summary strong { font-size: 14px; }
#cfg-sales-panel-calculadora .mcc-difference-product > summary span { display: block; margin: 6px 0; font-size: 12px; color: #b7c5d9; }
#cfg-sales-panel-calculadora .mcc-cost-review { padding: 10px; margin-bottom: 10px; background: #1a2535; border-radius: 6px; }
#cfg-sales-panel-calculadora .mcc-cost-review > strong { color: #ffdc9e; }
#cfg-sales-panel-calculadora .mcc-cost-review dl { margin-bottom: 0; }
#cfg-sales-panel-calculadora .mcc-cost-review dl > div { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr); gap: 12px; padding: 5px 0; border-bottom: 1px solid #33415b; }
#cfg-sales-panel-calculadora .mcc-cost-review dt { color: #b7c5d9; }
#cfg-sales-panel-calculadora .mcc-cost-review dd { margin: 0; overflow-wrap: anywhere; }
#cfg-sales-panel-calculadora .mcc-product-history { margin-top: 12px; padding-top: 10px; border-top: 1px solid #48526b; }
#cfg-sales-panel-calculadora .mcc-product-history > summary { color: #d7cfff; cursor: pointer; }
#cfg-sales-panel-calculadora .mcc-product-history > .mval-condition-scroll { max-height: 480px; overflow: auto; }
#cfg-sales-panel-calculadora .mcc-proposal-history { border-top: 1px solid #48526b; padding-top: 12px; margin: 14px 0; }
@media (max-width: 700px) {
    #cfg-sales-panel-calculadora .mcc-total-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    #cfg-sales-panel-calculadora .mcc-total-metrics strong { font-size: 17px; }
}
#cfg-sales-panel-calculadora .mcc-cost-summary > button { margin-top: 10px; }
#cfg-sales-panel-calculadora .mcc-changes { margin: 16px 0 8px; }
#cfg-sales-panel-calculadora .mcc-change-actions { display: flex; flex-wrap: wrap; gap: 6px; }
#cfg-sales-panel-calculadora .mcc-suggested-change { padding: 12px; border: 1px solid #615238; border-left: 3px solid #e6b86e; border-radius: 8px; margin: 10px 0; background: #151c2a; }
#cfg-sales-panel-calculadora .mcc-change-heading { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; margin-bottom: 8px; }
#cfg-sales-panel-calculadora .mcc-change-heading strong { font-size: 12px; color: #ffd693; }
#cfg-sales-panel-calculadora .mcc-change-heading small { color: #b7c5d9; }
#cfg-sales-panel-calculadora .mcc-change-table { min-width: 560px; }
#cfg-sales-panel-calculadora .mcc-change-table th:first-child { width: 40%; }
#cfg-sales-panel-calculadora .mcc-change-table td:nth-child(3) { color: #9de5c6; }
#cfg-sales-panel-calculadora .mcc-change-decision { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 0 4px; font-size: 11px; }
#cfg-sales-panel-calculadora .mcc-change-decision > span:nth-child(2) { flex: 1 1 200px; color: #b7c5d9; }
#cfg-sales-panel-calculadora .mcc-changes-message:empty { display: none; }
#cfg-sales-panel-calculadora .mcc-changes-message:not(:empty) { padding: 8px; border-radius: 5px; color: #e2e8f0; background: #263448; }
#cfg-sales-panel-calculadora .mcc-changes button:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 720px) {
    #cfg-sales-panel-calculadora .mcc-chart-row { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    #cfg-sales-panel-calculadora .mcc-chart-bars { grid-column: 1 / -1; grid-row: 2; }
    #cfg-sales-panel-calculadora .mcc-chart-delta { grid-column: 1; grid-row: 3; text-align: left; }
    #cfg-sales-panel-calculadora .mcc-cost-summary { padding: 10px; }
    #cfg-sales-panel-calculadora .mcc-accuracy-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #cfg-sales-panel-calculadora .mcc-rule-home .mval-proposal-body { flex-direction: column; }
    #cfg-sales-panel-calculadora .mcc-rule-home .mval-condition-table td { padding: 6px 8px; }
    #cfg-sales-panel-calculadora .mcc-shared-rule { padding: 10px; }
}

/* Observed cost periods: dates on the x axis, comparable MXN differences on y. */
.mcc-temporal { margin: 1rem 0; padding: 1rem; border: 1px solid #37465d; border-radius: 10px; background: #101827; color: #e2e8f0; }
.mcc-temporal header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem; align-items: center; }
.mcc-temporal h4 { margin: 0; }
.mcc-temporal p { margin: .7rem 0; line-height: 1.55; }
.mcc-time-chart { width: 100%; max-width: 800px; height: 210px; min-width: 0; display: block; overflow: visible; margin: .25rem auto; }
.mcc-time-chart text { fill: #b8c5db; font-size: 11px; }
.mcc-time-grid { stroke: #334155; stroke-width: 1; }
.mcc-time-chart g { cursor: pointer; }
.mcc-time-chart .mcc-time-dot { stroke: #101827; stroke-width: 2; }
.mcc-time-chart .mcc-time-hit { fill: transparent; stroke: none; pointer-events: all; }
.mcc-time-chart .is-different { fill: #f3bd67; stroke: #f3bd67; }
.mcc-time-chart .is-match { fill: #71cbbb; }
.mcc-time-chart .is-pending { fill: #94a3b8; }
.mcc-time-chart g:focus .mcc-time-dot, .mcc-time-chart g[aria-pressed="true"] .mcc-time-dot { stroke: #fff; stroke-width: 3; r: 8; }
.mcc-temporal .mcc-time-direction { color: #dce6f5; font-size: .85rem; margin: .5rem 0; }
.mcc-time-legend { display: flex; flex-wrap: wrap; gap: 1rem; font-size: .8rem; }
.mcc-time-legend .is-different { color: #f3bd67; }
.mcc-time-legend .is-match { color: #71cbbb; }
.mcc-time-legend .is-pending { color: #94a3b8; }
.mcc-time-picker { display: grid; gap: .5rem; font-size: .9rem; }
.mcc-time-picker select { width: 100%; padding: .65rem; background: #1e293b; color: #e2e8f0; border: 1px solid #64748b; border-radius: 6px; }
.mcc-time-inspection { border-top: 1px solid #37465d; margin-top: 1rem; padding-top: 1rem; }
.mcc-time-inspection[hidden] { display: none; }
.mcc-period-orders > summary { cursor: pointer; padding: .7rem 0; color: #bfb9ff; }
@media(max-width: 600px) { .mcc-temporal { padding: .6rem; overflow-x: auto; } }
.mcc-time-chart g:focus { outline: none; }

.mcc-assignment-review { line-height: 1.5; }
.mcc-assignment-product { border: 1px solid #475569; border-radius: 8px; margin: 12px 0; padding: 14px; }
.mcc-assignment-product summary, .mcc-assignment-history > summary { cursor: pointer; color: #c4b5fd; }
.mcc-assignment-product summary small { display: block; margin: 4px 0; color: #aebdd2; }
.mcc-assignment-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 12px 0; }
.mcc-assignment-rules > div { background: #1c2639; padding: 12px; border-radius: 6px; }
.mcc-assignment-rules h5 { margin: 0 0 8px; font-size: 14px; }
.mcc-assignment-rules > div:last-child { border-left: 3px solid #71cbbb; }
.mcc-assignment-orders table { min-width: 680px; }
.mcc-assignment-orders dl { display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; overflow-wrap: anywhere; }
.mcc-assignment-orders dd { margin: 0; }
.mcc-assignment-history { margin: 12px 0; }
.mcc-assignment-check > dl { display: grid; grid-template-columns: minmax(100px, 180px) 1fr; gap: 5px 14px; padding: 12px; background: #1c2639; border-radius: 6px; }
.mcc-assignment-check dd { margin: 0; overflow-wrap: anywhere; }
.mcc-assignment-review button:disabled { opacity: .5; cursor: not-allowed; }
.mcc-assignment-check .mval-condition-scroll { max-height: 420px; overflow: auto; }
@media(max-width: 650px) { .mcc-assignment-rules { grid-template-columns: 1fr; } }