/* apps2/shared/chartkit.css — shared chrome for CK-mounted charts (CHART-RULES items 1-20).
   Load alongside chartkit.js. Neutral tokens so it drops onto any apps2 page theme. */

/* #12 visible data Y-stretch slider (matches _view.php's per-panel "Y" cluster) */
.ck-yl, .yl { display:inline-flex; align-items:center; gap:4px; font-size:10px; color:#68736e;
  border:1px solid #dfe3df; border-radius:6px; padding:2px 6px; background:#fafafa; }
.ck-yl input[type=range], .yl input[type=range] { width:70px; }
.ck-yl b, .yl b { min-width:2.6em; text-align:right; color:#17201c; font-variant-numeric:tabular-nums; }

/* #12b per-chart canvas HEIGHT drag-grip (L:W ratio, persisted) — distinct from #12 Y-stretch.
   Sits flush under a chart shell; drag vertically to change the whole canvas height. */
.hgrip, .ck-grip { display:flex; align-items:center; justify-content:center; height:14px; cursor:ns-resize;
  user-select:none; border:1px solid #dfe3df; border-top:0; border-radius:0 0 6px 6px;
  background:#f7f8f6; color:#68736e; font-size:9px; letter-spacing:.03em; }
.hgrip:hover, .hgrip.dragging, .ck-grip:hover, .ck-grip.dragging { background:#eef1ee; color:#17201c; }

/* #13 per-chart fill-screen: the kit sets this body class while any chart is fullscreen. */
body.ck-full-open { overflow:hidden; }
/* a height grip is meaningless while a chart fills the screen — hide it there. */
body.ck-full-open .hgrip, body.ck-full-open .ck-grip { display:none; }