/* test16.css — pad-based sizing; measurement-safe */

body {
	margin: 0;
	font: 14px system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	padding: 8px;
	box-sizing: border-box;
}

header {
	padding: 10px 12px;
	border-bottom: 1px solid black;
	display: flex;
	justify-content: space-between;
}

.shell {
	margin: 8px 0;
	padding: 12px;
	border: 1px solid black;
	box-sizing: border-box;
}

.bar h2 {
	margin: 0 0 6px 0;
}

/* Scroller has NO padding; visual gutter lives in .ledger__pad */
.ledger__tablewrap {
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.ledger__pad {
	padding: 6px 8px;
	box-sizing: border-box;
	width: 100%;
}

/* Normal mode: fixed so <col> pixel widths are honored */
table.ledger__table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	width: auto;
}

/* Measurement mode: tight to content to read floors */
.measure .ledger__table {
	table-layout: auto !important;
	width: max-content !important;
}

/* Inputs fill in normal mode; in measure mode they won't stretch */
td input {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 2px 4px;
	border: 1px solid #888;
}

.measure td input {
	width: auto !important;
	max-width: max-content !important;
	box-sizing: content-box !important;
}

/* Cells: top + left edges only; nowrap so content defines the floor */
.ledger__table th,
.ledger__table td {
	border: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px;
	text-align: left;
	white-space: nowrap;
	overflow: visible;
}


/* === TVA-EOP test17-stable16 (append-only) — rapid-shrink correctness === */
.ledger__tablewrap{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
  padding:0;
  border:2px solid #111;
  border-radius:10px;
  background:#fff;
}
.ledger__pad{ padding:0 !important; }
table.ledger__table{
  table-layout:fixed;
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
table.ledger__table th, table.ledger__table td{ padding:4px; white-space:nowrap; overflow:hidden; text-overflow:clip; }
table.ledger__table thead tr > *{ border-bottom:0; }
table.ledger__table tbody tr:first-child > *{ border-top:1px solid #ccc; }
table.ledger__table .wrap{ white-space:normal; overflow-wrap:anywhere; word-break:normal; }