-จัดการ flow ของ program ใหม่

ng-ttc-frontend/src/styles.css

@@ -72,6 +72,8 @@ html, body, app-root {
 }
 
 
+
+
 /* sensible default box model */
 *, *::before, *::after { box-sizing: border-box; }
 
@@ -219,3 +221,45 @@ body {
   font-weight: 900;
   font-style: italic;
 }
+
+
+/* Custom-Table */
+.ledger-table {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+}
+
+.ledger-table.is-scrollable {
+  max-height: 25rem;
+  overflow-y: auto;
+  padding-right: 0.5rem;
+}
+
+
+.ledger-row {
+  display: grid;
+  grid-template-columns: 2fr 1fr 0.8fr 1.2fr;
+  gap: 1rem;
+  align-items: center;
+  padding: 0.75rem 0.4rem;
+  border-bottom: 1px solid #e2e8f0;
+}
+
+
+.ledger-row {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.ledger-row span:nth-child(3),
+.ledger-row span:nth-child(4) {
+  text-align: left;
+}
+
+
+.ledger-head {
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  letter-spacing: 0.08em;
+  color: #94a3b8;
+}