/* sheets.w9w6.com: English spreadsheet trackers. Layout from product.css; the
   product's line is teal. The workbook preview has five sheets, one per tracker;
   product.css covers #tab-1..4, the fifth is added here. */

:root {
  --line: #0e6f7c;
  --bar: #0a525c;
  --done: #2f9e6e;
  --done-bg: #dcf2e6;
}
@media (prefers-color-scheme: dark) {
  :root {
    --line: #6fd3df;
    --done-bg: #12382a;
  }
}

#tab-5:checked ~ .sheets .sheet-5 {
  display: block;
}
#tab-5:checked ~ .tabs [for="tab-5"] {
  background: var(--surface);
  color: var(--line);
  font-weight: 600;
  box-shadow: inset 0 -3px 0 var(--line);
}
#tab-5:focus-visible ~ .tabs [for="tab-5"] {
  outline: 3px solid var(--brand);
  outline-offset: -3px;
}

/* A text progress bar, as the workbooks draw it with REPT. */
.bar {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing: -0.05em;
  color: var(--line);
}
/* The empty part: the light-shade glyph is sparse, so full secondary ink still
   reads as lighter than the filled part. */
.bar .rest {
  color: var(--ink-2);
}

/* The habit grid: one column per day, a filled cell for a done day. */
.book .day {
  inline-size: 1.9rem;
  padding-inline: 0;
  text-align: center;
}
.book .done {
  background: var(--done-bg);
  color: var(--done);
  font-weight: 700;
}

.stars {
  color: #c98a00;
  letter-spacing: 0.05em;
}
@media (prefers-color-scheme: dark) {
  .stars {
    color: #f2c14e;
  }
}

/* The bar names the workbook and sheet of the tab on show. */
.book-bar .f {
  display: none;
}
#tab-1:checked ~ .book-bar .f-1,
#tab-2:checked ~ .book-bar .f-2,
#tab-3:checked ~ .book-bar .f-3,
#tab-4:checked ~ .book-bar .f-4,
#tab-5:checked ~ .book-bar .f-5 {
  display: inline;
}

.kpi small {
  color: var(--ink-2);
  font-size: 0.75rem;
}
.book .neg {
  color: var(--st-late-fg);
}
.book .wkend:not(.done) {
  background: var(--cell-head);
}
/* Two tables on one sheet sit apart. */
.sheet .scroll + .scroll {
  border-block-start: 1px solid var(--rule);
  margin-block-start: 1.25rem;
}
/* Four figures per tracker: let them share the row rather than leave a gap. */
.sheet .kpis {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
}