/* FChat isolated composition layer. Reuses existing approved Big Air UI tokens/classes. */
.commercial-readback-workspace{display:grid;gap:10px;min-width:0}
.commercial-readback-workspace .workspace-header{margin-bottom:2px}
.commercial-readback-nav{position:sticky;top:58px;z-index:9;background:var(--bg);padding:6px 0;margin:0;scroll-margin-top:64px}
.commercial-readback-nav a{text-decoration:none}
.commercial-readback-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.commercial-readback-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}
.commercial-readback-section{scroll-margin-top:112px;min-width:0}
.commercial-inner-card{box-shadow:none}
.commercial-mode-choice{display:grid;gap:8px;margin:14px 0}
.commercial-report-selector{display:grid;gap:6px;margin-bottom:16px}
.commercial-report-selector .doc-card{align-items:center;gap:12px}
.commercial-readback-list{display:grid;gap:2px}
.commercial-vob-position-table{max-width:100%}
.commercial-vob-position-table table{min-width:860px}
@media(max-width:1100px){.commercial-readback-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:820px){.commercial-readback-nav{top:54px}.commercial-readback-split{grid-template-columns:1fr}.commercial-report-selector .doc-card{align-items:flex-start;flex-direction:column}.commercial-report-selector .actionbar{width:100%}.commercial-readback-section{scroll-margin-top:106px}}
@media(max-width:560px){.commercial-readback-grid{grid-template-columns:1fr}.commercial-readback-nav{overflow:auto;flex-wrap:nowrap}.commercial-readback-nav a{white-space:nowrap}.commercial-readback-workspace .actionbar{align-items:stretch}.commercial-readback-workspace .actionbar button{flex:1 1 auto}}