/* G14 多图独立实例布局（单/双/四） */

.multi-grid{
  position:absolute;inset:0;display:grid;gap:0;background:var(--panel);z-index:4;
  grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
}
.multi-grid[data-layout="dual"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.multi-grid[data-layout="quad"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.multi-grid[data-layout="single"]{grid-template-columns:1fr;grid-template-rows:1fr}
.multi-grid[data-narrow="true"]{grid-template-columns:1fr;grid-template-rows:1fr}

.chart-pane{
  min-width:0;min-height:0;position:relative;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--chart-bg);cursor:pointer;
}
.chart-pane.is-active{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}
.chart-pane header{
  position:absolute;top:8px;left:10px;right:8px;display:flex;gap:8px;flex-wrap:wrap;
  justify-content:space-between;align-items:flex-start;font-size:11px;z-index:2;
  pointer-events:none;
}
.month-controls{
  display:flex;flex-wrap:wrap;gap:4px;align-items:center;max-width:100%;
  pointer-events:auto;
}
.month-controls select,.month-controls input{max-width:100%;min-width:0;font:inherit}
.multi-grid[data-narrow="true"] .chart-pane canvas{
  top:72px;height:calc(100% - 72px)!important;
}
.chart-pane header .pane-meta{color:var(--muted);font-variant-numeric:tabular-nums}
.chart-pane header .pane-warn{color:var(--down);max-width:55%;text-align:right}
.chart-pane canvas{position:absolute;left:0;top:28px;width:100%;height:calc(100% - 28px)!important}
.chart-pane .pane-cross-gap{
  position:absolute;left:10px;bottom:8px;right:10px;z-index:3;
  font-size:11px;color:var(--muted);pointer-events:none;
}

.multichart-linkbar{
  display:none;align-items:center;gap:6px;flex-wrap:wrap;
  padding:4px 8px;border-bottom:1px solid var(--line);background:var(--panel2);
  font-size:12px;
}
body.multi-mode .multichart-linkbar{display:flex}
.multichart-linkbar label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--muted)}
.multichart-linkbar label input{margin:0}
.multichart-linkbar .narrow-note{color:var(--muted);margin-left:auto}
.multichart-linkbar [data-action="rebind-ticket"]{margin-left:4px}

body.multi-mode #main-chart{visibility:hidden}
.chart-first.multi-mode .chart-wrap>.chart-legend,
.chart-first.multi-mode .chart-wrap>.chart-cross-info,
.chart-first.multi-mode .chart-wrap>.chart-watermark{display:none}

.order-draft-notice{
  font-size:12px;color:var(--muted);padding:4px 0 0;line-height:1.35;
}
.order-draft-notice.is-warn{color:var(--down)}
#order-rebind-ticket{margin:6px 0 0;display:inline-flex}
#order-rebind-ticket[hidden]{display:none!important}