/* ---------- R1.2: datasheet, Annotate tab, layout tools (fits the 340 px pane) ---------- */
#charts .subtabs{grid-template-columns:repeat(5,1fr)}
#charts .subtabs button{padding-left:0;padding-right:0;font-size:11px}
.r12-bar{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.r12-bar button{padding:5px 7px;font-size:11px}
.data-grid.r12{max-height:300px}
.data-grid.r12 table.tt-sheet{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}
.data-grid.r12 th,.data-grid.r12 td{padding:0;border-right:1px solid var(--line);border-top:1px solid var(--line);width:72px;min-width:72px}
.data-grid.r12 th.cat,.data-grid.r12 td.cat{position:sticky;left:0;z-index:1;background:#fff;width:98px;min-width:98px}
.data-grid.r12 th{position:sticky;top:0;z-index:2;background:var(--paper)}
.data-grid.r12 th.cat{z-index:3;background:var(--paper)}
.data-grid.r12 input{width:100%;min-width:0;border:0;margin:0;padding:5px 4px;font:12px Arial,sans-serif;background:transparent;text-align:right;border-radius:0}
.data-grid.r12 .cat input,.data-grid.r12 th input{text-align:left}
.data-grid.r12 th input{font-weight:bold}
.data-grid.r12 input:focus{outline:2px solid var(--red);outline-offset:-2px;background:#fff}
.data-grid.r12 td.computed input{color:var(--muted);font-style:italic;background:var(--paper)}
.data-grid.r12 td.bad input{background:var(--pink);color:#a81920}
.r12-stamp{padding:8px 0}
.r12-stamp summary{font-size:12px;margin-bottom:6px}
.r12-chips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 8px}
.r12-chips button{padding:6px 8px;font-size:11px;border-radius:14px}
.r12-chips button.active{border-color:var(--red);background:var(--pink);color:var(--red);font-weight:bold}
.r12-ov{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding:5px 2px;font-size:12px}
.r12-ov span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r12-ov .x{border:0;padding:2px 6px;color:var(--muted)}
.r12-layout{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}
.r12-grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.r12-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}
.r12-grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.r12-grid6 button{font-size:16px;padding:6px 0}
.r12-grid3 button,.r12-grid2 button{font-size:11px;padding:7px 2px}