/* Tallyfor overrides for jspreadsheet — keep distinct from upstream
   jspreadsheet.css so library bumps don't clobber local tweaks. */

/* Excel-style sheet tabs: render below the grid instead of above.
   Jspreadsheet's `tabs:true` mounts a jsuites widget whose root is
   `.jtabs` with two direct children: `.jtabs-headers-container`
   (holding the tab strip + add/scroll controls) and `.jtabs-content`
   (holding the toolbar + grid). We flex-order them so the content
   row sits above the tab strip, and force the content row to be the
   flex-shrinker so the tab strip stays visible at the bottom edge
   regardless of how many rows the worksheet has. */
.jtabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.jtabs > .jtabs-content {
  order: 1;
  flex: 1 1 0%;
  min-height: 0;
  overflow: auto;
}
.jtabs > .jtabs-headers-container {
  order: 2;
  flex-shrink: 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: none;
  margin-top: 4px;
}

/* Tighten the toolbar. jsuites ships `.jtoolbar-item { margin: auto }` which
   on a flex container distributes free space between items — so on a wide
   viewport the buttons spread out. We pack them left-aligned with a small
   fixed gap instead, keep dividers compact, and shrink wrapper padding. */
.jss_toolbar { padding: 2px; margin: 0; justify-content: flex-start; }
.jtoolbar .jtoolbar-item { margin: 0; padding: 2px 4px; }
.jtoolbar .jtoolbar-divisor {
  /* Dividers read as blocky chips at any size on a flex row of small
     icons. Drop them — the existing item padding gives enough breathing
     room between groups without a vertical bar. */
  display: none;
}
.jtoolbar-item i { font-size: 18px; }