/* tessera.css — the grid. Layered ON TOP of the calendar's styles.css, which supplies the header,
   buttons, dialogs and the whole config page. Only the data surface differs, so only it is styled
   here: tabular numerals so digits line up, a sticky header so the column you are reading stays
   named, and a visible difference between "read-only" and "edited but unsaved". */
.bc-gridwrap{overflow:auto;max-height:calc(100vh - 150px);border-top:1px solid rgba(128,128,128,.22)}
#bc-grid{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem;font-variant-numeric:tabular-nums}
#bc-grid thead th{position:sticky;top:0;z-index:2;text-align:left;white-space:nowrap;
  font-family:"Tomorrow",sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;opacity:.75;padding:10px 12px;
  background:var(--bc-surface,#fff);border-bottom:1px solid rgba(128,128,128,.35)}
#bc-grid thead th .bc-ro{text-transform:none;letter-spacing:0;font-weight:400;opacity:.6;margin-left:6px}
#bc-grid tbody td{padding:8px 12px;border-bottom:1px solid rgba(128,128,128,.16);
  vertical-align:top;max-width:340px;overflow-wrap:anywhere}
#bc-grid tbody tr:hover td{background:rgba(128,128,128,.06)}
.bc-cell-ro{opacity:.68}
.bc-cell-edit{cursor:text}
.bc-cell-edit:hover{box-shadow:inset 0 0 0 1px rgba(128,128,128,.4)}
.bc-cell-changed{background:rgba(216,187,106,.22)!important;box-shadow:inset 2px 0 0 #8a6d1f}
.bc-cell-edit:focus-visible{outline:2px solid #1E7A4C;outline-offset:-2px}
.bc-dirtycount{font-size:.82rem;font-weight:600;color:#8a6d1f;background:rgba(216,187,106,.22);
  padding:4px 9px;border-radius:3px}
.bc-banner{padding:10px 20px;font-size:.9rem;background:rgba(156,74,47,.12);color:#9c4a2f}
.bc-banner.ok{background:rgba(30,122,76,.12);color:#1e7a4c}
.bc-gridfoot{padding:9px 20px;font-size:.78rem;opacity:.7;border-top:1px solid rgba(128,128,128,.22)}