Beta 9

More 'Home' Physics
More FAQs
More Text

assets/css/table.css

@@ -238,6 +238,81 @@
   border-color: #c8922a;
 }
 
+/* ── Vehicle group: select + windows-open checkbox fused together ── */
+.col-toggle-group {
+  display: inline-flex;
+  align-items: stretch;
+  gap: 0;
+}
+
+/* Remove the right border + radius on the select so it butts up flush
+   with the checkbox label. When the label is absent (hide state), the
+   select is the only child and :last-child restores full pill rounding. */
+.col-toggle-group .grouped-left {
+  border-right: none;
+  border-radius: 20px 0 0 20px;
+}
+.col-toggle-group .grouped-left:last-child {
+  border-right: 1.5px solid #c9b08a;
+  border-radius: 20px;
+}
+
+/* The checkbox pill — same height/padding as a col-toggle but styled as a label */
+.col-toggle-vent {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 4px 10px 4px 9px;
+  font-size: 9px;
+  font-family: JetBrains Mono, monospace;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  cursor: pointer;
+  border: 1.5px solid #c9b08a;
+  border-left: 1px solid #d4c0a0;   /* softer join line */
+  border-radius: 0 20px 20px 0;
+  background: #fef8ee;
+  color: #7a5c30;
+  user-select: none;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+  white-space: nowrap;
+}
+.col-toggle-vent:hover {
+  border-color: #c8922a;
+  color: #6b4f2a;
+  background: #fef3dc;
+}
+.col-toggle-vent.on {
+  background: #c8922a;
+  border-color: #c8922a;
+  color: #fff;
+}
+
+/* Custom checkbox square inside the vent label */
+.vent-checkbox {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  border: 1.5px solid currentColor;
+  border-radius: 3px;
+  background: transparent;
+  flex-shrink: 0;
+  position: relative;
+  transition: background 0.12s;
+}
+.vent-checkbox.checked::after {
+  content: '';
+  position: absolute;
+  left: 2px;
+  top: -1px;
+  width: 5px;
+  height: 8px;
+  border: 2px solid currentColor;
+  border-top: none;
+  border-left: none;
+  transform: rotate(45deg);
+}
+
 
 /* ── 7. HOURLY TABLE ────────────────────────────────────────────────── */