/* /b2b_roi_calculator/static/src/scss/roi.scss */
 .o_roi_page{--roi-accent: var(--o-color-1, #0f766e); --roi-ink: #1b2430; --roi-muted: #667085; --roi-line: #e4e7ec; --roi-surface: #ffffff; --roi-soft: #f6f8fa; --roi-neg: #b42318; color: var(--roi-ink);}.o_roi_page .o_roi_hero{background: linear-gradient(180deg, var(--roi-soft), #fff); padding: 3rem 0 2rem; border-bottom: 1px solid var(--roi-line);}.o_roi_page .o_roi_hero.o_roi_hero_sm{padding: 1.5rem 0 1.25rem;}.o_roi_page .o_roi_h1{font-size: clamp(1.6rem, 4.5vw, 2.4rem); font-weight: 700; letter-spacing: -.01em; margin: 0 0 .5rem;}.o_roi_page .o_roi_lead{color: var(--roi-muted); max-width: 46rem; font-size: 1.05rem; margin: 0;}.o_roi_page .o_roi_crumbs{font-size: .85rem; color: var(--roi-muted); margin-bottom: .5rem;}.o_roi_page .o_roi_crumbs a{color: inherit;}.o_roi_page .o_roi_h2{font-size: 1.1rem; font-weight: 650; margin: 0 0 .9rem; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: .6rem;}.o_roi_page .o_roi_h3{font-size: 1rem; font-weight: 650; margin: 0 0 .4rem;}.o_roi_page .o_roi_step{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: var(--roi-accent); color: #fff; font-size: .85rem; font-weight: 700;}.o_roi_page .o_roi_hint, .o_roi_page .o_roi_disclaimer{color: var(--roi-muted); font-size: .85rem; margin: 0 0 .75rem;}.o_roi_page .o_roi_disclaimer{margin-top: 1rem; margin-bottom: 0;}.o_roi_page .o_roi_line_card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; padding: 1.25rem; border: 1px solid var(--roi-line); border-radius: 12px; background: var(--roi-surface); color: inherit; text-decoration: none; transition: box-shadow .15s, transform .15s;}.o_roi_page .o_roi_line_card:hover{box-shadow: 0 6px 22px rgba(16, 24, 40, 0.08); transform: translateY(-2px); color: inherit;}.o_roi_page .o_roi_line_name{font-size: 1.05rem; font-weight: 650;}.o_roi_page .o_roi_line_sum{color: var(--roi-muted); font-size: .9rem;}.o_roi_page .o_roi_line_meta{list-style: none; padding: 0; margin: .25rem 0 1rem; font-size: .88rem; color: var(--roi-muted);}.o_roi_page .o_roi_cta{margin-top: auto; color: var(--roi-accent); font-weight: 600;}.o_roi_page .o_roi_empty{padding: 2.5rem 1rem; text-align: center; color: var(--roi-muted);}.o_roi_page .o_roi_card{border: 1px solid var(--roi-line); border-radius: 12px; background: var(--roi-surface); padding: 1.25rem; margin-bottom: 1rem;}.o_roi_page .o_roi_caps, .o_roi_page .o_roi_profiles{display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: .6rem;}.o_roi_page .o_roi_chip{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; gap: .15rem; text-align: left; min-height: 3.2rem; padding: .65rem .85rem; border: 1.5px solid var(--roi-line); border-radius: 10px; background: #fff; cursor: pointer; font: inherit; color: inherit;}.o_roi_page .o_roi_chip span{font-size: .8rem; color: var(--roi-muted);}.o_roi_page .o_roi_chip[aria-checked="true"]{border-color: var(--roi-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--roi-accent) 18%, transparent);}.o_roi_page .o_roi_chip:focus-visible{outline: 2px solid var(--roi-accent); outline-offset: 2px;}.o_roi_page .o_roi_slider_row{padding: .55rem 0; border-top: 1px solid var(--roi-line);}.o_roi_page .o_roi_slider_row:first-child{border-top: 0;}.o_roi_page .o_roi_slider_head{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: 1rem; font-size: .92rem; font-weight: 550;}.o_roi_page .o_roi_val{font-variant-numeric: tabular-nums; color: var(--roi-accent); white-space: nowrap;}.o_roi_page .o_roi_slider{width: 100%; height: 2.2rem; accent-color: var(--roi-accent); touch-action: pan-y;}.o_roi_page .o_roi_slider_foot{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; font-size: .78rem; color: var(--roi-muted);}.o_roi_page .o_roi_more{margin-top: .5rem;}.o_roi_page .o_roi_more summary{cursor: pointer; font-weight: 600; color: var(--roi-accent); padding: .6rem 0;}.o_roi_page .o_roi_result{position: sticky; top: 1rem; border: 1px solid var(--roi-line); border-radius: 14px; background: var(--roi-surface); padding: 1.25rem; box-shadow: 0 8px 28px rgba(16, 24, 40, 0.06);}.o_roi_page .o_roi_headline_label{font-size: .85rem; color: var(--roi-muted);}.o_roi_page .o_roi_headline_value{font-size: clamp(1.8rem, 5vw, 2.4rem); font-weight: 750; line-height: 1.1; font-variant-numeric: tabular-nums;}.o_roi_page .o_roi_headline_value.o_roi_neg{color: var(--roi-neg);}.o_roi_page .o_roi_headline_sub{font-size: .9rem; color: var(--roi-muted); min-height: 1.2em;}.o_roi_page .o_roi_kpis{display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin: 1rem 0; text-align: left;}.o_roi_page .o_roi_kpis > div{background: var(--roi-soft); border-radius: 8px; padding: .5rem .6rem;}.o_roi_page .o_roi_kpis b{display: block; font-size: .95rem; font-variant-numeric: tabular-nums;}.o_roi_page .o_roi_kpi_label{display: block; font-size: .72rem; color: var(--roi-muted);}.o_roi_page .o_roi_bar{display: -webkit-box; display: -webkit-flex; display: flex; height: 14px; border-radius: 7px; overflow: hidden; background: var(--roi-soft);}.o_roi_page .o_roi_legend{list-style: none; padding: 0; margin: .6rem 0 1rem; font-size: .8rem;}.o_roi_page .o_roi_legend li{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: .45rem; padding: .12rem 0;}.o_roi_page .o_roi_legend li b{margin-left: auto; font-variant-numeric: tabular-nums;}.o_roi_page .o_roi_legend i{width: .7rem; height: .7rem; border-radius: 3px; display: inline-block;}.o_roi_page .o_roi_seg_raw{background: #98a2b3;}.o_roi_page .o_roi_seg_labor{background: #7a9cc6;}.o_roi_page .o_roi_seg_resources{background: #e0a458;}.o_roi_page .o_roi_seg_pack_logistics{background: #b69cc9;}.o_roi_page .o_roi_seg_fixed{background: #c7ccd4;}.o_roi_page .o_roi_seg_profit{background: var(--roi-accent);}.o_roi_page .o_roi_gate{border-top: 1px dashed var(--roi-line); padding-top: 1rem; margin-top: .5rem;}.o_roi_page .o_roi_label{font-size: .8rem; color: var(--roi-muted); margin: .4rem 0 .15rem; display: block;}.o_roi_page .o_roi_field_error{color: var(--roi-neg); font-size: .8rem; margin-top: .2rem;}.o_roi_page .o_roi_hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}.o_roi_page .o_roi_submit{width: 100%; min-height: 2.9rem; margin-top: .75rem;}.o_roi_page .o_roi_unlocked{border-top: 1px dashed var(--roi-line); padding-top: 1rem; margin-top: .5rem;}.o_roi_page .o_roi_unlocked .o_roi_cost, .o_roi_page .o_roi_unlocked .o_roi_payback{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: baseline; padding: .35rem 0;}.o_roi_page .o_roi_unlocked .o_roi_cost b, .o_roi_page .o_roi_unlocked .o_roi_payback b{font-size: 1.1rem;}.o_roi_page .o_roi_unlocked .o_roi_actions{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: .5rem; margin: .75rem 0;}.o_roi_page .o_roi_unlocked .o_roi_actions .btn{min-height: 2.75rem;}.o_roi_page .o_roi_ext_toggle{margin-top: 1rem;}.o_roi_page .o_roi_ext_grid{display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: .75rem 0; font-size: .8rem;}.o_roi_page .o_roi_ext_grid label{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .15rem; color: var(--roi-muted);}.o_roi_page .o_roi_ext_grid input, .o_roi_page .o_roi_ext_grid select{min-height: 2.4rem; border: 1px solid var(--roi-line); border-radius: 6px; padding: 0 .5rem;}.o_roi_page .o_roi_months{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-end; gap: 3px; height: 80px; margin: .5rem 0;}.o_roi_page .o_roi_months .o_roi_mcol{flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; -webkit-box-pack: end; justify-content: flex-end;}.o_roi_page .o_roi_months .o_roi_mcol small, .o_roi_page .o_roi_months .o_roi_mcol .small{font-size: .6rem; color: var(--roi-muted);}.o_roi_page .o_roi_months .o_roi_mbar{width: 100%; background: var(--roi-accent); border-radius: 3px 3px 0 0;}.o_roi_page .o_roi_months .o_roi_mbar.neg{background: var(--roi-neg);}.o_roi_page .o_roi_ext_kpis{list-style: none; padding: 0; font-size: .85rem;}.o_roi_page .o_roi_ext_kpis li{padding: .1rem 0;}.o_roi_page .o_roi_scen{width: 100%; font-size: .8rem;}.o_roi_page .o_roi_scen th, .o_roi_page .o_roi_scen td{padding: .3rem .2rem; border-bottom: 1px solid var(--roi-line);}.o_roi_page .o_roi_scen td:not(:first-child), .o_roi_page .o_roi_scen th:not(:first-child){text-align: right;}.o_roi_page .o_roi_sticky{display: none;}@media (max-width: 991.98px){.o_roi_page .o_roi_sticky{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: .75rem; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; padding: 0.6rem 1rem calc(.6rem + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--roi-line); box-shadow: 0 -6px 18px rgba(16, 24, 40, 0.08);}.o_roi_page .o_roi_sticky span{display: block; font-size: .72rem; color: var(--roi-muted);}.o_roi_page .o_roi_sticky b{font-size: 1.15rem; font-variant-numeric: tabular-nums;}.o_roi_page .o_roi_sticky .btn{min-height: 2.75rem;}.o_roi_page{padding-bottom: 4.5rem;}}@media (max-width: 575.98px){.o_roi_page .o_roi_result{position: static;}.o_roi_page .o_roi_kpis{grid-template-columns: 1fr 1fr;}.o_roi_page .o_roi_ext_grid{grid-template-columns: 1fr;}}