/* PANE-1: the accepted two-pane composition (docs/design/rsb-1/two-pane.html lines 8 to 30), scoped under #rev-b2b-view .twopane. Sizes are two-pane's own, by the owner's ruling of 2026-09-05 13:40. Generated by the build, then hand-edited only in the block at the end. */
#rev-b2b-view .twopane{--canvas:#f6f7f5;--panel:#fff;--panel-2:#f0f2f0;--ink:#202522;--muted:#68716c;--line:#dde2de;--teal:#167b69;--teal-soft:#e8f2ee;--rust:#9c332b;--rust-soft:#f7e9e6;--grey:#8b9490;--shadow:0 8px 24px -18px rgba(23,38,32,.35);--radius:10px}
#rev-b2b-view .twopane .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv01" 1}
#rev-b2b-view .twopane button, #rev-b2b-view .twopane input{font:inherit}
#rev-b2b-view .twopane button{cursor:pointer}
#rev-b2b-view .twopane button:focus-visible, #rev-b2b-view .twopane input:focus-visible{outline:3px solid rgba(22,123,105,.35);outline-offset:2px}
#rev-b2b-view .twopane .page{height:100%;display:grid;grid-template-rows:64px minmax(0,1fr)}
#rev-b2b-view .twopane .topbar{display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.72)}
#rev-b2b-view .twopane .topbar h1{margin:0;font-size:var(--text-md);font-weight:680;letter-spacing:-.015em}
#rev-b2b-view .twopane .topbar h1 span{color:var(--muted);font-weight:500}
#rev-b2b-view .twopane .workspace{min-width:0;display:grid;grid-template-columns:320px minmax(0,1fr)}
#rev-b2b-view .twopane .master{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fbfcfa}
#rev-b2b-view .twopane .master-head{padding:20px 16px 15px;border-bottom:1px solid var(--line)}
#rev-b2b-view .twopane .filter{display:flex;align-items:center;gap:8px;height:43px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff}
#rev-b2b-view .twopane .filter svg{flex:none;width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2}
#rev-b2b-view .twopane .filter input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--ink);font:inherit}
#rev-b2b-view .twopane .filter input:focus{outline:none}
#rev-b2b-view .twopane .list-count{display:block;margin:9px 2px 0;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .party-list{overflow:auto;padding-bottom:14px}
#rev-b2b-view .twopane .party-row{width:100%;min-height:47px;display:grid;grid-template-columns:minmax(0,1fr) 72px 58px;align-items:center;gap:8px;padding:6px 12px 6px 16px;border:0;border-bottom:1px solid #edf0ed;background:transparent;color:var(--ink);text-align:left}
#rev-b2b-view .twopane .party-row:hover{background:#f2f7f4}
#rev-b2b-view .twopane .party-row.is-selected{background:var(--teal-soft);box-shadow:inset 3px 0 var(--teal)}
#rev-b2b-view .twopane .party-row.is-total{min-height:59px;background:#f6faf7;border-bottom-color:var(--line)}
#rev-b2b-view .twopane .party-row.is-total.is-selected{background:var(--teal-soft)}
#rev-b2b-view .twopane .party-copy{min-width:0}
#rev-b2b-view .twopane .party-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:600;letter-spacing:-.01em}
#rev-b2b-view .twopane .party-total{display:block;text-align:right;color:var(--teal);font-size:var(--text-2xs);font-weight:650;white-space:nowrap}
#rev-b2b-view .twopane .party-meta{display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size:var(--text-2xs);line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
#rev-b2b-view .twopane .spark{width:58px;height:26px;overflow:visible}
#rev-b2b-view .twopane .show-all{width:calc(100% - 32px);margin:13px 16px 0;min-height:38px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--teal);font-size:var(--text-2xs);font-weight:650}
#rev-b2b-view .twopane .show-all:hover{border-color:var(--teal);background:#f7fbf9}
#rev-b2b-view .twopane .detail{min-width:0;overflow:auto;background:var(--canvas)}
#rev-b2b-view .twopane .detail-inner{min-width:0;padding:26px 30px 34px}
#rev-b2b-view .twopane .detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
#rev-b2b-view .twopane .detail-head h2{max-width:650px;margin:0;font-size:var(--text-xl);line-height:1.15;letter-spacing:-.035em}
#rev-b2b-view .twopane .detail-head p{margin:6px 0 0;color:var(--muted);font-size:var(--text-xs)}
#rev-b2b-view .twopane .set-target{flex:none;min-height:38px;padding:0 14px;border:1px solid var(--teal);border-radius:7px;background:#fff;color:var(--teal);font-size:var(--text-2xs);font-weight:700}
#rev-b2b-view .twopane .set-target:hover{background:var(--teal-soft)}
#rev-b2b-view .twopane .target-panel{display:none;margin:-7px 0 22px;padding:16px 18px 17px;border:1px solid #c9ddd6;border-radius:var(--radius);background:#f9fcfa;box-shadow:var(--shadow)}
#rev-b2b-view .twopane .target-panel.open{display:block}
#rev-b2b-view .twopane .target-panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:13px}
#rev-b2b-view .twopane .target-panel h3{margin:0;font-size:var(--text-sm)}
#rev-b2b-view .twopane .target-panel small{color:var(--muted)}
#rev-b2b-view .twopane .target-grid{display:grid;grid-template-columns:180px repeat(4,minmax(100px,1fr));gap:10px}
#rev-b2b-view .twopane .target-field{display:grid;gap:4px;color:var(--muted);font-size:var(--text-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#rev-b2b-view .twopane .target-field input{width:100%;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:var(--text-2xs);letter-spacing:0;text-transform:none}
#rev-b2b-view .twopane .month-fields{display:grid;grid-template-columns:repeat(12,minmax(72px,1fr));gap:8px;margin-top:12px}
#rev-b2b-view .twopane .apply-row{display:flex;align-items:center;gap:8px;margin-top:14px}
#rev-b2b-view .twopane .apply-label{margin-right:2px;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .apply{min-height:31px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .apply.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal);font-weight:700}
#rev-b2b-view .twopane .save{margin-left:auto;min-height:33px;padding:0 14px;border:0;border-radius:6px;background:var(--teal);color:#fff;font-size:var(--text-2xs);font-weight:700}
#rev-b2b-view .twopane .save-status{margin-left:8px;color:var(--teal);font-size:var(--text-2xs);font-weight:600}
#rev-b2b-view .twopane .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
#rev-b2b-view .twopane .tile{min-width:0;padding:15px 16px 16px;border-right:1px solid var(--line)}
#rev-b2b-view .twopane .tile:last-child{border:0}
#rev-b2b-view .twopane .tile-label{display:block;margin-bottom:7px;color:var(--muted);font-size:var(--text-2xs);font-weight:700;letter-spacing:.055em;text-transform:uppercase}
#rev-b2b-view .twopane .tile-value{display:block;overflow:hidden;font-size:var(--text-lg);font-weight:680;text-overflow:ellipsis;white-space:nowrap}
#rev-b2b-view .twopane .tile-value.teal{color:var(--teal)}
#rev-b2b-view .twopane .tile-value.rust{color:var(--rust)}
#rev-b2b-view .twopane .tile-value.negative{color:var(--rust)}
#rev-b2b-view .twopane .tile-note{display:block;margin-top:3px;color:var(--muted);font-size:var(--text-2xs);white-space:nowrap}
#rev-b2b-view .twopane .chart-card{position:relative;margin-top:19px;padding:18px 20px 13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
#rev-b2b-view .twopane .chart-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
#rev-b2b-view .twopane .chart-head h3{margin:0;font-size:var(--text-sm);letter-spacing:-.01em}
#rev-b2b-view .twopane .legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .legend span{display:inline-flex;align-items:center;gap:5px}
#rev-b2b-view .twopane .legend i{display:inline-block;width:15px;height:3px;border-radius:3px}
#rev-b2b-view .twopane .legend .billed{background:var(--teal)}
#rev-b2b-view .twopane .legend .target{background:var(--rust)}
#rev-b2b-view .twopane .legend .last{background:var(--grey)}
#rev-b2b-view .twopane .legend .proj{height:0;border-top:2px dashed var(--teal)}
#rev-b2b-view .twopane .chart-actions{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:6px;background:#fff}
#rev-b2b-view .twopane .chart-actions button{min-height:27px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .chart-actions button.active{background:var(--teal-soft);color:var(--teal);font-weight:700}
#rev-b2b-view .twopane .chart-wrap{height:275px;margin-top:10px}
#rev-b2b-view .twopane .chart{display:block;width:100%;height:100%;overflow:visible}
/* X10: the figure above each bar. Muted like the axis, no box; a thin white halo keeps it legible
   where the dashed target line passes behind it. Sized in viewBox units so it scales with the plot. */
#rev-b2b-view .twopane .chart .bar-value{text-anchor:middle;fill:#78827c;font-size:var(--text-2xs);font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
#rev-b2b-view .twopane .chart-caption{display:flex;align-items:center;gap:6px;margin:3px 0 0;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .band-key{width:14px;height:9px;border-radius:2px;background:rgba(22,123,105,.1)}
#rev-b2b-view .twopane .month-section{margin-top:21px}
#rev-b2b-view .twopane .month-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
#rev-b2b-view .twopane .month-section h3{margin:0;font-size:var(--text-sm)}
#rev-b2b-view .twopane .month-section span{color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .month-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
#rev-b2b-view .twopane .month{min-width:0;min-height:82px;padding:12px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
#rev-b2b-view .twopane .month:nth-child(6n){border-right:0}
#rev-b2b-view .twopane .month:nth-last-child(-n+6){border-bottom:0}
#rev-b2b-view .twopane .month.future{background:#fafbfa}
#rev-b2b-view .twopane .month.future .month-label{color:#a0a9a4}
#rev-b2b-view .twopane .month-label{display:block;margin-bottom:8px;color:var(--muted);font-size:var(--text-2xs);font-weight:700;letter-spacing:.055em;text-transform:uppercase}
#rev-b2b-view .twopane .month-billed{display:block;overflow:hidden;color:var(--teal);font-size:var(--text-sm);font-weight:670;text-overflow:ellipsis;white-space:nowrap}
#rev-b2b-view .twopane .month-target{display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}
#rev-b2b-view .twopane .month-target strong{font-weight:600;color:#78827c}
@media(max-width:1180px){#rev-b2b-view .twopane .detail-inner{padding:24px 22px 30px}#rev-b2b-view .twopane .target-grid{grid-template-columns:160px repeat(4,minmax(84px,1fr))}#rev-b2b-view .twopane .month-fields{grid-template-columns:repeat(6,minmax(0,1fr))}#rev-b2b-view .twopane .month-fields .target-field:nth-child(n+7){margin-top:2px}#rev-b2b-view .twopane .month-strip{grid-template-columns:repeat(6,minmax(0,1fr))}#rev-b2b-view .twopane .month{padding:11px 10px}#rev-b2b-view .twopane .tile{padding:14px 12px}#rev-b2b-view .twopane .tile-value{font-size:var(--text-md)}}
@media(max-width:940px){#rev-b2b-view .twopane .workspace{grid-template-columns:270px minmax(640px,1fr)}#rev-b2b-view .twopane .page{min-width:910px}#rev-b2b-view .twopane .topbar{padding-left:20px}#rev-b2b-view .twopane .detail-inner{padding:22px}#rev-b2b-view .twopane .tiles{grid-template-columns:repeat(5,minmax(118px,1fr))}}
#rev-b2b-view .twopane .page{grid-template-rows:54px minmax(0,1fr)}
#rev-b2b-view .twopane .topbar{padding:0 22px}
#rev-b2b-view .twopane .workspace{grid-template-columns:300px minmax(0,1fr)}
#rev-b2b-view .twopane .master-head{padding:14px 14px 12px}
#rev-b2b-view .twopane .detail-inner{padding:18px 20px 26px}
#rev-b2b-view .twopane .detail-head{margin-bottom:14px}
#rev-b2b-view .twopane .detail-head h2{font-size:var(--text-lg)}
#rev-b2b-view .twopane .detail-head p{margin-top:3px}
#rev-b2b-view .twopane .tiles{margin-bottom:14px}
#rev-b2b-view .twopane .tile{padding:11px 12px 12px}
#rev-b2b-view .twopane .tile-value{font-size:var(--text-md)}
#rev-b2b-view .twopane .trend-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(250px,3fr);gap:14px;align-items:stretch}
#rev-b2b-view .twopane .chart-card{margin:0;min-width:0;padding:15px 16px 11px}
#rev-b2b-view .twopane .chart-wrap{position:relative;height:250px;overflow:visible}
#rev-b2b-view .twopane .chart-tooltip{position:absolute;z-index:3;min-width:164px;max-width:212px;padding:9px 10px;border:1px solid #c7d3cd;border-radius:7px;background:#fff;color:var(--ink);box-shadow:0 10px 22px -14px rgba(23,38,32,.55);font-size:var(--text-2xs);line-height:1.42;pointer-events:none}
#rev-b2b-view .twopane .chart-tooltip strong{display:block;margin-bottom:3px;font-size:var(--text-2xs)}
#rev-b2b-view .twopane .chart-tooltip .tooltip-row{display:flex;justify-content:space-between;gap:12px}
#rev-b2b-view .twopane .chart-tooltip .tooltip-key{color:var(--muted)}
#rev-b2b-view .twopane .chart-tooltip .tooltip-party{display:block;margin-top:5px;padding-top:5px;border-top:1px solid var(--line)}
#rev-b2b-view .twopane .chart-tooltip .tooltip-party:first-of-type{margin-top:1px;padding-top:0;border:0}
#rev-b2b-view .twopane .tooltip-guide{stroke:#68716c;stroke-width:1;stroke-dasharray:3 3;pointer-events:none}
#rev-b2b-view .twopane .month-hit{fill:transparent;cursor:crosshair}
#rev-b2b-view .twopane .month-hit:focus{outline:none;fill:rgba(22,123,105,.06)}
#rev-b2b-view .twopane .month-hit:focus-visible{stroke:var(--teal);stroke-width:2}
#rev-b2b-view .twopane .run-rate{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:18px 18px 16px;border:1px solid #c9ddd6;border-radius:var(--radius);background:linear-gradient(145deg,#f9fcfa 0%,#edf5f0 100%);box-shadow:var(--shadow)}
#rev-b2b-view .twopane .run-rate-label{display:block;color:var(--muted);font-size:var(--text-2xs);font-weight:750;letter-spacing:.07em;text-transform:uppercase}
#rev-b2b-view .twopane .run-rate-value{display:block;margin-top:10px;font-size:var(--text-2xl);line-height:1}
#rev-b2b-view .twopane .run-rate-current{display:block;margin-top:8px;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .run-rate-verdict{display:block;margin-top:5px;font-size:var(--text-xs);font-weight:750}
#rev-b2b-view .twopane .run-rate-verdict.track{color:var(--teal)}
#rev-b2b-view .twopane .run-rate-verdict.short{color:var(--rust)}
#rev-b2b-view .twopane .run-rate-formula{margin:16px 0 0;color:var(--muted);font-size:var(--text-2xs);line-height:1.35}
#rev-b2b-view .twopane .comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
#rev-b2b-view .twopane .comparison-head h2{margin:0;font-size:var(--text-lg);letter-spacing:-.035em}
#rev-b2b-view .twopane .comparison-head p{margin:3px 0 0;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .clear-comparison{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--teal);font-size:var(--text-2xs);font-weight:700}
#rev-b2b-view .twopane .clear-comparison:hover{border-color:var(--teal);background:var(--teal-soft)}
#rev-b2b-view .twopane .compare-summary{overflow:hidden;margin-bottom:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
#rev-b2b-view .twopane .compare-summary-row{display:grid;grid-template-columns:minmax(180px,2.15fr) repeat(4,minmax(75px,1fr));align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .compare-summary-row:last-child{border-bottom:0}
#rev-b2b-view .twopane .compare-summary-row span{display:block;min-width:0}
#rev-b2b-view .twopane .compare-summary-row strong{display:block;overflow:hidden;font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}
#rev-b2b-view .twopane .compare-summary-row small{display:block;overflow:hidden;margin-top:1px;color:var(--muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}
#rev-b2b-view .twopane .compare-summary-labels{min-height:28px;padding-top:8px;padding-bottom:4px;background:#fafbfa;color:var(--muted);font-size:var(--text-2xs);font-weight:750;letter-spacing:.055em;text-transform:uppercase}
#rev-b2b-view .twopane .compare-summary-labels strong{font-size:var(--text-2xs)}
#rev-b2b-view .twopane .compare-months{margin-top:17px}
#rev-b2b-view .twopane .compare-month-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .compare-month-table th, #rev-b2b-view .twopane .compare-month-table td{min-width:0;padding:8px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:right}
#rev-b2b-view .twopane .compare-month-table th:last-child, #rev-b2b-view .twopane .compare-month-table td:last-child{border-right:0}
#rev-b2b-view .twopane .compare-month-table tbody tr:last-child td{border-bottom:0}
#rev-b2b-view .twopane .compare-month-table thead th{overflow:hidden;background:#fafbfa;color:var(--muted);font-size:var(--text-2xs);font-weight:750;letter-spacing:.045em;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
#rev-b2b-view .twopane .compare-month-table th:first-child, #rev-b2b-view .twopane .compare-month-table td:first-child{width:62px;text-align:left}
#rev-b2b-view .twopane .compare-month-table td{color:var(--teal);font-weight:650}
#rev-b2b-view .twopane .compare-month-table td.empty{color:#9aa39e;font-weight:500}
#rev-b2b-view .twopane .party-row{grid-template-columns:22px minmax(0,1fr) 64px 54px;padding-left:11px}
#rev-b2b-view .twopane .party-row.is-total{grid-template-columns:minmax(0,1fr) 72px 58px;padding-left:16px}
#rev-b2b-view .twopane .compare-check{width:16px;height:16px;margin:0;accent-color:var(--teal);cursor:pointer}
#rev-b2b-view .twopane .compare-check:focus-visible{outline:3px solid rgba(22,123,105,.35);outline-offset:2px}
#rev-b2b-view .twopane .party-row.is-compared{background:#f1f7f4}
#rev-b2b-view .twopane .party-row.is-compared .party-name:before{display:inline-block;width:7px;height:7px;margin:0 5px 1px 0;border-radius:50%;background:var(--party-color);content:""}
#rev-b2b-view .twopane .compare-legend{display:flex;flex-wrap:wrap;gap:8px 11px;margin-top:4px;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .compare-legend span{display:inline-flex;align-items:center;gap:4px}
#rev-b2b-view .twopane .compare-legend i{display:inline-block;width:12px;height:3px;border-radius:2px;background:var(--series-color)}
#rev-b2b-view .twopane .chart-caption{min-height:14px}
#rev-b2b-view .twopane .month-section{margin-top:17px}
#rev-b2b-view .twopane .month-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
#rev-b2b-view .twopane .month{min-height:70px;padding:9px 10px}
#rev-b2b-view .twopane .month-label{margin-bottom:5px}
@media(max-width:1180px){#rev-b2b-view .twopane .workspace{grid-template-columns:280px minmax(0,1fr)}#rev-b2b-view .twopane .detail-inner{padding:16px}#rev-b2b-view .twopane .trend-grid{grid-template-columns:minmax(0,68fr) minmax(235px,32fr)}#rev-b2b-view .twopane .chart-wrap{height:242px}#rev-b2b-view .twopane .compare-summary-row{grid-template-columns:minmax(150px,1.8fr) repeat(4,minmax(66px,1fr));gap:7px;padding-left:9px;padding-right:9px}#rev-b2b-view .twopane .compare-summary-row strong{font-size:var(--text-2xs)}#rev-b2b-view .twopane .compare-month-table th, #rev-b2b-view .twopane .compare-month-table td{padding:7px 6px}}
@media(max-width:940px){#rev-b2b-view .twopane .page{min-width:0}#rev-b2b-view .twopane .workspace{grid-template-columns:250px minmax(0,1fr)}#rev-b2b-view .twopane .detail{overflow:auto}#rev-b2b-view .twopane .trend-grid{grid-template-columns:1fr}#rev-b2b-view .twopane .run-rate{min-height:160px}#rev-b2b-view .twopane .compare-summary{overflow:auto}#rev-b2b-view .twopane .compare-summary-row{min-width:650px}#rev-b2b-view .twopane .compare-month-table{min-width:620px}}
#rev-b2b-view .twopane .view-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:10px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#fff}
#rev-b2b-view .twopane .view-toggle button{min-height:29px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:var(--text-2xs);font-weight:700}
#rev-b2b-view .twopane .view-toggle button.active{background:var(--teal-soft);color:var(--teal)}
#rev-b2b-view .twopane .group-block{border-bottom:1px solid var(--line)}
#rev-b2b-view .twopane .group-header{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) 67px 18px;align-items:center;gap:7px;min-height:48px;padding:7px 12px;border:0;background:#f4f7f5;color:var(--ink);text-align:left}
#rev-b2b-view .twopane .group-header:hover{background:#eaf2ed}
#rev-b2b-view .twopane .group-header.is-selected{background:var(--teal-soft);box-shadow:inset 3px 0 var(--teal)}
#rev-b2b-view .twopane .group-header .compare-check{margin:0}
#rev-b2b-view .twopane .group-name{display:block;overflow:hidden;font-size:var(--text-2xs);font-weight:750;text-overflow:ellipsis;white-space:nowrap}
#rev-b2b-view .twopane .group-meta{display:block;margin-top:1px;color:var(--muted);font-size:var(--text-2xs)}
#rev-b2b-view .twopane .group-total{color:var(--teal);font-size:var(--text-2xs);font-weight:750;text-align:right;white-space:nowrap}
#rev-b2b-view .twopane .group-caret{color:var(--muted);font-size:var(--text-sm);text-align:center}
#rev-b2b-view .twopane .group-parties .party-row{padding-left:20px}
#rev-b2b-view .twopane .group-parties[hidden]{display:none}
#rev-b2b-view .twopane .party-row.has-flag{min-height:64px}
#rev-b2b-view .twopane .party-band{display:inline-block;margin-right:5px;color:var(--teal);font-weight:700}
#rev-b2b-view .twopane .party-zero{color:var(--rust);font-weight:750}
#rev-b2b-view .twopane .duplicate-marker{display:block;overflow:hidden;margin-top:3px;color:var(--rust);font-size:var(--text-2xs);font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
#rev-b2b-view .twopane .duplicate-marker:before{content:"Possible double ";letter-spacing:.03em;text-transform:uppercase}
#rev-b2b-view .twopane .duplicate-marker{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--rust);border-radius:50%;background:var(--rust-soft);color:var(--rust);font-size:var(--text-2xs);font-weight:800;line-height:1}
#rev-b2b-view .twopane .duplicate-marker:before{content:"!";letter-spacing:0;text-transform:none}
#rev-b2b-view .twopane .duplicate-detail{margin:0 0 14px;padding:11px 13px;border:1px solid #e3c5c0;border-radius:var(--radius);background:var(--rust-soft);color:var(--ink)}
#rev-b2b-view .twopane .duplicate-detail strong{display:block;color:var(--rust);font-size:var(--text-2xs);letter-spacing:.045em;text-transform:uppercase}
#rev-b2b-view .twopane .duplicate-detail p{margin:4px 0 0;font-size:var(--text-2xs);line-height:1.45}
#rev-b2b-view .twopane .chart-empty{display:grid;place-items:center;min-height:100%;padding:20px;border:1px dashed #c9ddd6;border-radius:7px;background:#f9fcfa;color:var(--muted);font-size:var(--text-xs);text-align:center}
#rev-b2b-view .twopane .party-band{display:inline-flex;align-items:center;margin-left:4px;padding:1px 4px;border-radius:3px;background:var(--teal-soft);color:var(--teal);font-size:var(--text-2xs);font-weight:750;line-height:1.25;vertical-align:middle}

/* Embedding: the composition lives inside the MIS tab, not a full viewport. */
/* P9: one family across the board. Inter was named here but never loaded, so the pane fell to the system face; Hanken Grotesk is what Receivables and the P&L set, and the only face the tree ships. */
#rev-b2b-view .twopane { color:var(--ink); font:var(--text-sm)/1.45 var(--ui-font); font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1,"cv01" 1; }
#rev-b2b-view .twopane button, #rev-b2b-view .twopane input { font:inherit; }
#rev-b2b-view .twopane.is-loading .party-list { opacity:.55; }
/* P9: the generated block above carried negative tracking on .tile-value, .month-billed and .run-rate-value; those three declarations were removed in place (a regeneration must not bring them back). */
/* Layout contract (XPD-1 X9): the page is the only scroller. The pane is as tall as its content, the list grows, and two things pin: the list head (grouping and filter) at the top of its column, and the detail pane, whose top the board measures (--detail-top) so a detail taller than the viewport sticks by its bottom instead of hiding it. No box in here is fixed-height and none scrolls on its own. */
#rev-b2b-view .twopane { height:auto; min-height:0; }
#rev-b2b-view .twopane .page { height:auto; display:block; }
#rev-b2b-view .twopane .topbar { display:none; }
#rev-b2b-view .twopane .workspace { height:auto; grid-template-rows:auto; align-items:start; }
#rev-b2b-view .twopane .master-head { position:sticky; top:0; z-index:2; background:#fbfcfa; }
#rev-b2b-view .twopane .party-list { flex:none; min-height:0; overflow:visible; }
#rev-b2b-view .twopane .detail { position:sticky; top:var(--detail-top, 12px); overflow:visible; }
@media(max-width:940px){ #rev-b2b-view .twopane .detail { overflow:visible; } }
/* XPD-1 X1 to X3: a party row is three siblings in one grid line: chevron, compare checkbox, row button. */
#rev-b2b-view .twopane .party-item, #rev-b2b-view .twopane .group-item { display:grid; grid-template-columns:22px 22px minmax(0,1fr); align-items:center; gap:4px; padding-left:8px; border-bottom:1px solid #edf0ed; }
#rev-b2b-view .twopane .party-item:hover, #rev-b2b-view .twopane .group-item:hover { background:#f2f7f4; }
#rev-b2b-view .twopane .party-item.is-compared { background:#f1f7f4; }
#rev-b2b-view .twopane .party-item.is-selected, #rev-b2b-view .twopane .group-item.is-selected { background:var(--teal-soft); box-shadow:inset 3px 0 var(--teal); }
#rev-b2b-view .twopane .party-item .party-row { min-height:47px; grid-template-columns:minmax(0,1fr) 64px 22px; gap:8px; padding:6px 10px 6px 4px; border-bottom:0; background:transparent; box-shadow:none; }
#rev-b2b-view .twopane .party-item .party-row:hover, #rev-b2b-view .twopane .party-item .party-row.is-selected, #rev-b2b-view .twopane .party-item .party-row.is-compared { background:transparent; box-shadow:none; }
#rev-b2b-view .twopane .group-block { border-bottom:0; }
#rev-b2b-view .twopane .group-item { background:#f4f7f5; border-bottom-color:var(--line); }
#rev-b2b-view .twopane .group-item:hover { background:#eaf2ed; }
#rev-b2b-view .twopane .group-item .group-header { min-height:48px; grid-template-columns:minmax(0,1fr) 67px; gap:7px; padding:7px 12px 7px 4px; background:transparent; box-shadow:none; }
#rev-b2b-view .twopane .group-item .group-header:hover, #rev-b2b-view .twopane .group-item .group-header.is-selected { background:transparent; box-shadow:none; }
#rev-b2b-view .twopane .group-parties .party-item { padding-left:18px; }
#rev-b2b-view .twopane .compare-check { justify-self:center; }
#rev-b2b-view .twopane .disclose { display:grid; place-items:center; width:22px; height:28px; padding:0; border:0; border-radius:5px; background:transparent; color:var(--muted); }
#rev-b2b-view .twopane .disclose:hover { background:#e3ebe6; color:var(--ink); }
#rev-b2b-view .twopane .disclose svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .15s ease; }
#rev-b2b-view .twopane .disclose[aria-expanded="true"] svg { transform:rotate(90deg); }
@media (prefers-reduced-motion: reduce) { #rev-b2b-view .twopane .disclose svg { transition:none; } }
/* X1: the disclosed months, a scoped table beneath the row it belongs to. */
#rev-b2b-view .twopane .party-months { grid-column:1 / -1; padding:0 12px 10px 30px; }
/* The retired schedule table's rules (#room-rev .rsb1 th/td: 58px cells, sticky sort headers, cell borders, fixed layout) reach in here; every one is reset. */
#rev-b2b-view .twopane .party-months table { width:100%; border-collapse:collapse; table-layout:auto; font-size:var(--text-2xs); line-height:1.3; }
#rev-b2b-view .twopane .party-months caption { padding:0 0 5px; color:var(--muted); font-size:var(--text-2xs); text-align:left; caption-side:top; }
#rev-b2b-view .twopane .party-months th, #rev-b2b-view .twopane .party-months td { position:static; height:auto; padding:4px 6px; border:0; border-bottom:1px solid #edf0ed; background:transparent; vertical-align:middle; cursor:default; user-select:text; }
#rev-b2b-view .twopane .party-months th::after { content:none; }
#rev-b2b-view .twopane .party-months th { border-bottom-color:var(--line); color:var(--muted); font-size:var(--text-2xs); font-weight:700; letter-spacing:.045em; text-align:right; text-transform:uppercase; white-space:nowrap; }
#rev-b2b-view .twopane .party-months th[scope="row"] { width:1%; border-bottom-color:#edf0ed; color:var(--ink); font-weight:600; letter-spacing:0; text-align:left; text-transform:none; }
#rev-b2b-view .twopane .party-months th:first-child { text-align:left; }
#rev-b2b-view .twopane .party-months td { text-align:right; white-space:nowrap; letter-spacing:0; }
#rev-b2b-view .twopane .party-months tr:last-child th, #rev-b2b-view .twopane .party-months tr:last-child td { border-bottom:0; }
#rev-b2b-view .twopane .party-months td.billed { color:var(--teal); font-weight:600; }
#rev-b2b-view .twopane .party-months td.target { color:#78827c; font-weight:600; }
#rev-b2b-view .twopane .party-months td.absent { color:#9aa39e; cursor:help; }
#rev-b2b-view .twopane .party-months tr.future th, #rev-b2b-view .twopane .party-months tr.future td { color:#a0a9a4; }
#rev-b2b-view .twopane .b2b-pane-chip { display:inline-block; margin-left:10px; padding:2px 8px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--muted); font-size:var(--text-2xs); font-weight:700; line-height:1.4; vertical-align:middle; white-space:nowrap; cursor:help; }
#rev-b2b-view .twopane .b2b-pane-chip.is-ahead, #rev-b2b-view .twopane .b2b-pane-chip.is-on_target { border-color:#c9ddd6; background:var(--teal-soft); color:var(--teal); }
#rev-b2b-view .twopane .b2b-pane-chip.is-behind { border-color:#e3c9c5; background:var(--rust-soft); color:var(--rust); }
#rev-b2b-view .twopane .tile-value[title], #rev-b2b-view .twopane .month[title] { cursor:help; }
#rev-b2b-view .twopane .needs { display:grid; gap:6px; margin-top:19px; }
#rev-b2b-view .twopane .need { display:grid; grid-template-columns:minmax(0,1fr) max-content max-content; align-items:center; gap:14px; min-height:40px; padding:6px 12px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); color:var(--ink); font:inherit; text-align:left; cursor:pointer; }
#rev-b2b-view .twopane .need .party-name { font-size:var(--text-xs); font-weight:640; }
#rev-b2b-view .twopane .need .num { font-size:var(--text-2xs); }
#rev-b2b-view .twopane .month-target strong.num { font-weight:680; }
#rev-b2b-view .twopane .view-toggle button { white-space:nowrap; padding-left:4px; padding-right:4px; }
#rev-b2b-view .twopane .chart-empty { font-size:var(--text-lg); cursor:help; }