@jirawatpyk/aura-react 5.38.0 → 5.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +14 -0
  2. package/dist/aura.bundle.js +8 -2
  3. package/dist/cjs/index.cjs +8 -2
  4. package/dist/esm/FilterDateRange.js +8 -2
  5. package/dist/esm/Tabs.js +2 -2
  6. package/dist/index.d.cts +6 -0
  7. package/dist/index.d.ts +6 -0
  8. package/dist/styles.css +147 -141
  9. package/dist/styles.layer.css +147 -141
  10. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -13,7 +13,7 @@
13
13
  background: transparent;
14
14
  color: inherit;
15
15
  font-family: var(--font-sans); /* 5.30: not inherit — a trigger outside a styled root fell back to Arial */
16
- font-size: 13px;
16
+ font-size: max(13px, .8125rem);
17
17
  font-weight: 500;
18
18
  line-height: 1;
19
19
  display: inline-flex;
@@ -118,14 +118,14 @@ button.aura-btn--creative[aria-disabled='true']:hover { box-shadow: var(--aura-s
118
118
  display: flex; height: var(--aura-table-row-height); min-width: var(--aura-row-min, 0);
119
119
  background: var(--aura-table-head-bg);
120
120
  border-bottom: 1px solid var(--aura-border-default);
121
- font-family: var(--font-mono); font-size: 12px; color: var(--aura-fg-secondary);
121
+ font-family: var(--font-mono); font-size: max(12px, .75rem); color: var(--aura-fg-secondary);
122
122
  }
123
123
  .aura-table__row {
124
124
  box-sizing: border-box; display: flex; height: var(--aura-table-row-height); /* exactly the virtual row height */
125
125
  min-width: var(--aura-row-min, 0);
126
126
  background: var(--aura-bg-surface);
127
127
  border-bottom: 1px solid var(--aura-border-default);
128
- font-size: 13px;
128
+ font-size: max(13px, .8125rem);
129
129
  }
130
130
  .aura-table__row:last-child { border-bottom: 0; }
131
131
  .aura-table__row:hover { background: var(--aura-hover, var(--aura-bg-surface-hover)); }
@@ -183,7 +183,7 @@ button.aura-btn--creative[aria-disabled='true']:hover { box-shadow: var(--aura-s
183
183
  .aura-table__row--auto { height: auto; min-height: var(--aura-table-row-height); }
184
184
  .aura-table__td--auto {
185
185
  --aura-cell-pad-y: clamp(0px, calc((var(--aura-table-row-height) - 1px - var(--aura-button-height-sm)) / 2), var(--aura-space-2));
186
- display: flex; align-items: center; height: auto; line-height: 20px; white-space: normal;
186
+ display: flex; align-items: center; height: auto; line-height: max(20px, 1.25rem); white-space: normal;
187
187
  padding-top: var(--aura-cell-pad-y); padding-bottom: var(--aura-cell-pad-y);
188
188
  }
189
189
  .aura-table__cell { flex: 1 1 auto; min-width: 0; overflow-wrap: break-word; }
@@ -281,7 +281,7 @@ button.aura-btn--creative[aria-disabled='true']:hover { box-shadow: var(--aura-s
281
281
  background: var(--aura-bg-surface); color: var(--aura-fg-primary);
282
282
  border: 1px solid var(--aura-border-default); border-radius: var(--aura-radius-md);
283
283
  box-shadow: var(--aura-shadow-enterprise);
284
- font-family: var(--font-sans); font-size: 13px;
284
+ font-family: var(--font-sans); font-size: max(13px, .8125rem);
285
285
  }
286
286
  .aura-menu__item {
287
287
  display: flex; align-items: center; gap: var(--aura-space-2); width: 100%;
@@ -319,19 +319,19 @@ a.aura-menu__item { text-decoration: none; box-sizing: border-box; }
319
319
  .aura-menu__radio.is-on { border-color: var(--aura-control-checked-bg); }
320
320
  .aura-menu__radio.is-on::after { content: ''; width: 8px; height: 8px; border-radius: var(--aura-radius-full); background: var(--aura-control-checked-bg); }
321
321
  /* 5.7: a header above the items (who is signed in), set off by a hairline like a separator. */
322
- .aura-menu__header { margin: calc(-1 * var(--aura-space-1)) calc(-1 * var(--aura-space-1)) var(--aura-space-1); padding: var(--aura-space-3); border-bottom: 1px solid var(--aura-border-default); color: var(--aura-fg-secondary); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
322
+ .aura-menu__header { margin: calc(-1 * var(--aura-space-1)) calc(-1 * var(--aura-space-1)) var(--aura-space-1); padding: var(--aura-space-3); border-bottom: 1px solid var(--aura-border-default); color: var(--aura-fg-secondary); font-size: max(12px, .75rem); line-height: max(18px, 1.125rem); overflow-wrap: anywhere; }
323
323
  .aura-menu__header > * { margin: 0; }
324
324
  /* Stays in view when a long menu scrolls. */
325
325
  .aura-menu.has-header .aura-menu__header { position: sticky; top: calc(-1 * var(--aura-space-1)); z-index: 1; background: var(--aura-bg-surface); }
326
- .aura-menu__header strong, .aura-menu__header b { color: var(--aura-fg-primary); font-weight: 500; font-size: 13px; }
326
+ .aura-menu__header strong, .aura-menu__header b { color: var(--aura-fg-primary); font-weight: 500; font-size: max(13px, .8125rem); }
327
327
  .aura-menu__sep { height: 1px; margin: var(--aura-space-1) calc(-1 * var(--aura-space-1)); background: var(--aura-border-default); }
328
328
 
329
329
  /* Footer + pager */
330
330
  .aura-table__foot {
331
- height: var(--aura-table-row-height); display: flex; align-items: center; justify-content: space-between;
331
+ min-height: var(--aura-table-row-height); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: var(--aura-space-3); /* 5.40: grows and wraps with a larger default font */
332
332
  padding: 0 var(--aura-space-3) 0 var(--aura-space-6);
333
333
  border-top: 1px solid var(--aura-border-default); background: var(--aura-bg-surface);
334
- font-size: 13px; color: var(--aura-fg-secondary); font-variant-numeric: tabular-nums;
334
+ font-size: max(13px, .8125rem); color: var(--aura-fg-secondary); font-variant-numeric: tabular-nums;
335
335
  }
336
336
  .aura-table__pager { display: inline-flex; align-items: center; gap: var(--aura-space-1); }
337
337
  .aura-table__pager > span { margin-right: var(--aura-space-2); }
@@ -398,8 +398,8 @@ a.aura-icon-btn { text-decoration: none; }
398
398
  border-radius: var(--aura-radius-full); background: var(--aura-bg-canvas); color: var(--aura-fg-secondary);
399
399
  margin-bottom: var(--aura-space-4);
400
400
  }
401
- .aura-table__empty-title { margin: 0; font-size: 14px; font-weight: 600; color: var(--aura-fg-primary); }
402
- .aura-table__empty-text { margin: var(--aura-space-1) 0 0; font-size: 13px; line-height: 1.7; color: var(--aura-fg-secondary); }
401
+ .aura-table__empty-title { margin: 0; font-size: max(14px, .875rem); font-weight: 600; color: var(--aura-fg-primary); }
402
+ .aura-table__empty-text { margin: var(--aura-space-1) 0 0; font-size: max(13px, .8125rem); line-height: 1.7; color: var(--aura-fg-secondary); }
403
403
  .aura-table__empty-action { margin-top: var(--aura-space-6); }
404
404
 
405
405
  /* Checkbox — 16px, 4px corners, ink when checked */
@@ -429,9 +429,9 @@ a.aura-icon-btn { text-decoration: none; }
429
429
  max-width: 100%;
430
430
  border-radius: var(--aura-radius-full);
431
431
  padding: 2px var(--aura-space-2) 2px 6px;
432
- font-size: 11px;
432
+ font-size: max(11px, .6875rem);
433
433
  font-weight: 500; /* 5.30 (Chamber-OS 137): medium everywhere, not the parent's weight; Badge stays 600 */
434
- line-height: 16px;
434
+ line-height: max(16px, 1rem);
435
435
  white-space: nowrap;
436
436
  background: var(--aura-status-neutral-bg);
437
437
  color: var(--aura-status-neutral-fg);
@@ -487,14 +487,14 @@ a.aura-icon-btn { text-decoration: none; }
487
487
 
488
488
  /* ---------- Forms ---------- */
489
489
  .aura-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; padding: 0; border: 0; font-family: var(--font-sans); }
490
- .aura-field__label { padding: 0; font-size: 13px; line-height: 1.4; font-weight: 500; color: var(--aura-fg-primary); }
490
+ .aura-field__label { padding: 0; font-size: max(13px, .8125rem); line-height: 1.4; font-weight: 500; color: var(--aura-fg-primary); }
491
491
  .aura-field__req { color: var(--aura-fg-danger); }
492
492
  .aura-field__opt { font-weight: 400; color: var(--aura-fg-tertiary); }
493
- .aura-field__hint, .aura-field__error { display: flex; align-items: flex-start; gap: var(--aura-space-1); margin: 0; font-size: 12px; line-height: 1.5; color: var(--aura-fg-secondary); }
493
+ .aura-field__hint, .aura-field__error { display: flex; align-items: flex-start; gap: var(--aura-space-1); margin: 0; font-size: max(12px, .75rem); line-height: 1.5; color: var(--aura-fg-secondary); }
494
494
  .aura-field__error { color: var(--aura-fg-danger); }
495
495
  .aura-field__error .aura-icon { margin-top: 2px; }
496
496
  /* 5.31 (Chamber-OS addendum 41): TextField/Textarea `labelAddon`, between the label and the box, in the field's gap. */
497
- .aura-field__addon { min-width: 0; font-size: 13px; line-height: 1.5; color: var(--aura-fg-primary); }
497
+ .aura-field__addon { min-width: 0; font-size: max(13px, .8125rem); line-height: 1.5; color: var(--aura-fg-primary); }
498
498
  .aura-field.is-disabled .aura-field__label { color: var(--aura-fg-secondary); }
499
499
 
500
500
  .aura-input {
@@ -517,7 +517,7 @@ a.aura-icon-btn { text-decoration: none; }
517
517
  .aura-input__control::placeholder, .aura-textarea::placeholder { color: var(--aura-fg-tertiary); opacity: 1; }
518
518
  .aura-input.has-icon .aura-input__control { padding-left: calc(var(--aura-space-3) + var(--aura-icon-sm) + var(--aura-space-2)); }
519
519
  .aura-input__icon { position: absolute; left: var(--aura-space-3); color: var(--aura-fg-secondary); pointer-events: none; }
520
- .aura-input__suffix { padding: 0 var(--aura-space-3) 0 0; color: var(--aura-fg-secondary); font-size: 13px; white-space: nowrap; }
520
+ .aura-input__suffix { padding: 0 var(--aura-space-3) 0 0; color: var(--aura-fg-secondary); font-size: max(13px, .8125rem); white-space: nowrap; }
521
521
  .aura-field.is-invalid .aura-input, .aura-field.is-invalid .aura-textarea { border-color: var(--aura-border-danger); }
522
522
  .aura-field.is-disabled .aura-input { background: var(--aura-bg-input-disabled); color: var(--aura-fg-secondary); border-color: var(--aura-border-default); }
523
523
  .aura-field.is-disabled .aura-input__control { cursor: not-allowed; }
@@ -542,7 +542,7 @@ a.aura-icon-btn { text-decoration: none; }
542
542
  .aura-select__trigger:disabled { cursor: not-allowed; }
543
543
  .aura-select__value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
544
544
  .aura-select__value.is-placeholder { color: var(--aura-fg-tertiary); }
545
- .aura-select__group { padding: var(--aura-space-2) var(--aura-space-2) var(--aura-space-1); font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--aura-fg-tertiary); }
545
+ .aura-select__group { padding: var(--aura-space-2) var(--aura-space-2) var(--aura-space-1); font-family: var(--font-mono); font-size: max(11px, .6875rem); text-transform: uppercase; letter-spacing: 0.04em; color: var(--aura-fg-tertiary); }
546
546
  .aura-select.is-open .aura-select__chevron { transform: rotate(180deg); }
547
547
  /* 5.19 (Chamber-OS 114): a read-only Select looks like a read-only TextField — the same ground, no chevron (it doesn't
548
548
  * open), no pointer; the value keeps full contrast. */
@@ -552,11 +552,11 @@ a.aura-icon-btn { text-decoration: none; }
552
552
  .aura-radio-group > legend { margin-bottom: 6px; }
553
553
  .aura-radio-group__list { display: flex; flex-direction: column; gap: var(--aura-space-3); }
554
554
  .aura-radio-group__list.is-horizontal { flex-direction: row; flex-wrap: wrap; gap: var(--aura-space-3) var(--aura-space-6); }
555
- .aura-choice { display: flex; align-items: flex-start; gap: var(--aura-space-2); cursor: pointer; font-size: 14px; color: var(--aura-fg-primary); }
555
+ .aura-choice { display: flex; align-items: flex-start; gap: var(--aura-space-2); cursor: pointer; font-size: max(14px, .875rem); color: var(--aura-fg-primary); }
556
556
  .aura-choice.is-disabled { opacity: var(--aura-disabled-opacity); cursor: not-allowed; }
557
557
  .aura-choice__text { display: flex; flex-direction: column; gap: 2px; }
558
- .aura-choice__label { font-size: 14px; line-height: 20px; color: var(--aura-fg-primary); cursor: inherit; }
559
- .aura-choice__desc { font-size: 12px; line-height: 1.5; color: var(--aura-fg-secondary); }
558
+ .aura-choice__label { font-size: max(14px, .875rem); line-height: max(20px, 1.25rem); color: var(--aura-fg-primary); cursor: inherit; }
559
+ .aura-choice__desc { font-size: max(12px, .75rem); line-height: 1.5; color: var(--aura-fg-secondary); }
560
560
  .aura-radio {
561
561
  appearance: none; -webkit-appearance: none; flex: none; margin: 2px 0 0; box-sizing: border-box;
562
562
  width: var(--aura-icon-sm); height: var(--aura-icon-sm); border-radius: var(--aura-radius-full);
@@ -599,11 +599,11 @@ a.aura-icon-btn { text-decoration: none; }
599
599
  .aura-alert {
600
600
  display: flex; align-items: flex-start; gap: var(--aura-space-3); padding: var(--aura-space-4);
601
601
  border: 1px solid var(--aura-alert-info-border); border-radius: var(--aura-radius-lg);
602
- background: var(--aura-alert-info-bg); color: var(--aura-fg-primary); font-family: var(--font-sans); font-size: 14px;
602
+ background: var(--aura-alert-info-bg); color: var(--aura-fg-primary); font-family: var(--font-sans); font-size: max(14px, .875rem);
603
603
  }
604
604
  .aura-alert__icon { margin-top: 2px; color: var(--aura-alert-info-fg); }
605
605
  .aura-alert__body { flex: 1; min-width: 0; }
606
- .aura-alert__title { margin: 0; font-size: 14px; font-weight: 600; line-height: 20px; color: var(--aura-alert-info-fg); }
606
+ .aura-alert__title { margin: 0; font-size: max(14px, .875rem); font-weight: 600; line-height: max(20px, 1.25rem); color: var(--aura-alert-info-fg); }
607
607
  .aura-alert__text { margin-top: 2px; line-height: 1.6; }
608
608
  .aura-alert__title + .aura-alert__text { margin-top: var(--aura-space-1); }
609
609
  .aura-alert__text p { margin: 0; }
@@ -636,8 +636,8 @@ a.aura-icon-btn { text-decoration: none; }
636
636
  .aura-toast--warning .aura-toast__icon { color: var(--aura-alert-warning-fg); }
637
637
  .aura-toast--danger .aura-toast__icon { color: var(--aura-alert-danger-fg); }
638
638
  .aura-toast__body { flex: 1; min-width: 0; padding-top: 1px; }
639
- .aura-toast__title { margin: 0; font-size: 14px; font-weight: 500; line-height: 20px; }
640
- .aura-toast__text { margin: 2px 0 0; font-size: 13px; line-height: 1.5; color: var(--aura-fg-secondary); }
639
+ .aura-toast__title { margin: 0; font-size: max(14px, .875rem); font-weight: 500; line-height: max(20px, 1.25rem); }
640
+ .aura-toast__text { margin: 2px 0 0; font-size: max(13px, .8125rem); line-height: 1.5; color: var(--aura-fg-secondary); }
641
641
  .aura-toast__text > * { margin: 0; }
642
642
  .aura-toast__text a { color: var(--aura-fg-accent); text-underline-offset: 2px; }
643
643
  .aura-toast__text a:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 1px; border-radius: var(--aura-radius-xs); }
@@ -650,7 +650,7 @@ a.aura-icon-btn { text-decoration: none; }
650
650
  .aura-toast__action {
651
651
  flex: none; align-self: center; height: var(--aura-control-sm); padding: 0 var(--aura-space-2);
652
652
  border: 0; border-radius: var(--aura-radius-sm); background: transparent; color: var(--aura-fg-accent);
653
- font: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
653
+ font: inherit; font-size: max(13px, .8125rem); font-weight: 500; cursor: pointer;
654
654
  display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap;
655
655
  }
656
656
  /* Touch (5.6): the 32px action gets a 44px hit area, as IconButton does. Links in the text only get a little padding —
@@ -670,7 +670,7 @@ a.aura-icon-btn { text-decoration: none; }
670
670
  position: fixed; z-index: var(--aura-z-tooltip); max-width: var(--aura-tooltip-max);
671
671
  padding: 6px var(--aura-space-2); border-radius: var(--aura-radius-sm);
672
672
  background: var(--aura-bg-inverted); color: var(--aura-fg-inverted);
673
- font-family: var(--font-sans); font-size: 12px; line-height: 1.5; pointer-events: none;
673
+ font-family: var(--font-sans); font-size: max(12px, .75rem); line-height: 1.5; pointer-events: none;
674
674
  animation: aura-fade-in var(--aura-duration-fast) var(--aura-ease);
675
675
  }
676
676
  /* The Tooltip component's own tips can be hovered (WCAG 1.4.13, 5.1.1); rail labels and cell tips stay click-through. */
@@ -695,11 +695,11 @@ a.aura-icon-btn { text-decoration: none; }
695
695
  .aura-dialog--md { max-width: var(--aura-dialog-md); }
696
696
  .aura-dialog--lg { max-width: var(--aura-dialog-lg); }
697
697
  .aura-dialog__head { display: flex; align-items: flex-start; gap: var(--aura-space-3); }
698
- .aura-dialog__title { flex: 1; margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; }
698
+ .aura-dialog__title { flex: 1; margin: 0; font-size: max(16px, 1rem); line-height: 1.5; font-weight: 600; }
699
699
  .aura-dialog__close { margin: -6px -8px 0 0; }
700
- .aura-dialog__desc { margin: var(--aura-space-1) 0 0; font-size: 14px; line-height: 1.7; color: var(--aura-fg-secondary); }
700
+ .aura-dialog__desc { margin: var(--aura-space-1) 0 0; font-size: max(14px, .875rem); line-height: 1.7; color: var(--aura-fg-secondary); }
701
701
  /* Head and footer stay put; only the body scrolls (long forms keep their Save button in view). Side padding moves into the body so focus rings are not clipped. */
702
- .aura-dialog__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin: var(--aura-space-4) calc(-1 * var(--aura-space-6)) 0; padding: var(--aura-space-1) var(--aura-space-6); font-size: 14px; line-height: 1.7; }
702
+ .aura-dialog__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin: var(--aura-space-4) calc(-1 * var(--aura-space-6)) 0; padding: var(--aura-space-1) var(--aura-space-6); font-size: max(14px, .875rem); line-height: 1.7; }
703
703
  .aura-dialog__head, .aura-dialog__desc, .aura-dialog__foot { flex: none; }
704
704
  .aura-dialog__foot { margin-top: var(--aura-space-6); display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--aura-space-3); }
705
705
  @media (prefers-reduced-motion: reduce) { .aura-dialog, .aura-scrim, .aura-toast, .aura-tooltip { animation: none; } }
@@ -709,7 +709,7 @@ a.aura-icon-btn { text-decoration: none; }
709
709
  box-sizing: border-box; display: flex; flex-direction: column; gap: var(--aura-space-4);
710
710
  padding: var(--aura-card-padding); background: var(--aura-bg-surface); color: var(--aura-fg-primary);
711
711
  border: 1px solid var(--aura-border-default); border-radius: var(--aura-card-radius); box-shadow: var(--aura-shadow-enterprise);
712
- font-family: var(--font-sans); font-size: 14px;
712
+ font-family: var(--font-sans); font-size: max(14px, .875rem);
713
713
  --aura-card-bleed: var(--aura-card-padding); /* 5.26: how far a bleeding table reaches out; 0 where the card is flush */
714
714
  }
715
715
  .aura-card.is-interactive { cursor: pointer; transition: border-color var(--aura-duration-fast) var(--aura-ease); }
@@ -741,9 +741,9 @@ a.aura-icon-btn { text-decoration: none; }
741
741
  .aura-card--creative { border: 2px solid var(--aura-border-strong); box-shadow: var(--aura-card-shadow-creative); }
742
742
  .aura-card__head { display: flex; align-items: flex-start; gap: var(--aura-space-3); }
743
743
  .aura-card__heading { flex: 1; min-width: 0; }
744
- .aura-card__title { margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; }
745
- .aura-card--creative .aura-card__title { font-family: var(--font-display); font-size: 24px; line-height: 1.2; }
746
- .aura-card__desc { margin: 2px 0 0; font-size: 13px; line-height: 1.5; color: var(--aura-fg-secondary); }
744
+ .aura-card__title { margin: 0; font-size: max(16px, 1rem); line-height: 1.5; font-weight: 600; }
745
+ .aura-card--creative .aura-card__title { font-family: var(--font-display); font-size: max(24px, 1.5rem); line-height: 1.2; }
746
+ .aura-card__desc { margin: 2px 0 0; font-size: max(13px, .8125rem); line-height: 1.5; color: var(--aura-fg-secondary); }
747
747
  .aura-card__actions { display: flex; gap: var(--aura-space-2); margin: -4px -8px 0 0; }
748
748
  .aura-card__body { line-height: 1.7; }
749
749
  .aura-card__foot { display: flex; justify-content: flex-end; gap: var(--aura-space-3); padding-top: var(--aura-space-4); border-top: 1px solid var(--aura-border-subtle); }
@@ -756,9 +756,10 @@ a.aura-icon-btn { text-decoration: none; }
756
756
  .aura-tabs__list { display: flex; gap: var(--aura-space-6); box-shadow: inset 0 -1px 0 var(--aura-border-default); overflow-x: auto; scrollbar-width: none; }
757
757
  .aura-tab {
758
758
  position: relative; display: inline-flex; align-items: center; gap: var(--aura-space-2); flex: none;
759
+ box-sizing: border-box; /* 5.39: a link tab (<a>) was 2px taller than a button tab — its underline sat outside the height */
759
760
  height: var(--aura-input-height); padding: 0;
760
761
  border: 0; border-bottom: 2px solid transparent; background: transparent;
761
- color: var(--aura-fg-secondary); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
762
+ color: var(--aura-fg-secondary); font: inherit; font-size: max(13px, .8125rem); font-weight: 500; cursor: pointer;
762
763
  transition: color var(--aura-duration-fast) var(--aura-ease), border-color var(--aura-duration-fast) var(--aura-ease);
763
764
  }
764
765
  .aura-tab:hover { color: var(--aura-fg-primary); }
@@ -769,9 +770,13 @@ a.aura-tab { text-decoration: none; }
769
770
  .aura-tab__count {
770
771
  min-width: 18px; padding: 0 6px; box-sizing: border-box; border-radius: var(--aura-radius-full);
771
772
  background: var(--aura-status-neutral-bg); color: var(--aura-status-neutral-fg);
772
- font-size: 11px; line-height: 18px; text-align: center; font-variant-numeric: tabular-nums;
773
+ font-size: max(11px, .6875rem); line-height: max(18px, 1.125rem); text-align: center; font-variant-numeric: tabular-nums;
773
774
  }
774
775
  .aura-tabs__panel { padding-top: var(--aura-space-6); outline: none; }
776
+ /* 5.39 (Chamber-OS 143): touchHeight — 44px tabs (underline or segmented, buttons or links) below 640px or on a coarse
777
+ * pointer (is-touch), or always. The height is set on the tabs, not through --aura-input-height, so panels keep theirs. */
778
+ .aura-tabs.is-touch-always .aura-tab { height: var(--aura-touch-target); }
779
+ @media (max-width: 639.98px), (pointer: coarse) { .aura-tabs.is-touch .aura-tab { height: var(--aura-touch-target); } }
775
780
  .aura-tabs__panel[hidden] { display: none; }
776
781
  .aura-tabs__panel:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 2px; border-radius: var(--aura-radius-sm); }
777
782
 
@@ -791,12 +796,12 @@ a.aura-tab { text-decoration: none; }
791
796
  .aura-nav > .aura-nav__scroll:first-child { padding-top: var(--aura-space-3); }
792
797
  .aura-nav--borderless { border-right: 0; }
793
798
  .aura-nav__section + .aura-nav__section { margin-top: var(--aura-space-5); }
794
- .aura-nav__title { margin: 0 0 var(--aura-space-1); padding: 0 var(--aura-space-3); font-family: var(--font-mono); font-size: 11px; line-height: 20px; color: var(--aura-fg-tertiary); text-transform: uppercase; letter-spacing: 0.04em; }
799
+ .aura-nav__title { margin: 0 0 var(--aura-space-1); padding: 0 var(--aura-space-3); font-family: var(--font-mono); font-size: max(11px, .6875rem); line-height: max(20px, 1.25rem); color: var(--aura-fg-tertiary); text-transform: uppercase; letter-spacing: 0.04em; }
795
800
  .aura-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
796
801
  .aura-nav__item {
797
802
  box-sizing: border-box; display: flex; align-items: center; gap: var(--aura-space-3); width: 100%;
798
803
  min-height: 36px; padding: var(--aura-space-1) var(--aura-space-3); border: 0; border-radius: var(--aura-radius-sm);
799
- background: transparent; color: var(--aura-fg-secondary); font: inherit; font-size: 13px; font-weight: 500;
804
+ background: transparent; color: var(--aura-fg-secondary); font: inherit; font-size: max(13px, .8125rem); font-weight: 500;
800
805
  text-decoration: none; text-align: left; cursor: pointer;
801
806
  transition: background var(--aura-duration-fast) var(--aura-ease), color var(--aura-duration-fast) var(--aura-ease);
802
807
  }
@@ -822,10 +827,10 @@ a.aura-tab { text-decoration: none; }
822
827
  * ("Marknadsförings-" / "målgrupp"); breaking anywhere is only the last resort. Only words of 12+ letters hyphenate,
823
828
  * with 5+ on each side, so ordinary English labels keep wrapping between words. */
824
829
  .aura-nav__label {
825
- flex: 1; min-width: 0; line-height: 18px; overflow: hidden; overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5;
830
+ flex: 1; min-width: 0; line-height: max(18px, 1.125rem); overflow: hidden; overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5;
826
831
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
827
832
  }
828
- .aura-nav__count { font-size: 11px; font-variant-numeric: tabular-nums; color: var(--aura-fg-secondary); }
833
+ .aura-nav__count { font-size: max(11px, .6875rem); font-variant-numeric: tabular-nums; color: var(--aura-fg-secondary); }
829
834
  .aura-nav__badge { display: inline-flex; align-items: center; flex: none; }
830
835
  /* Groups: a disclosure button, its items indented one step per level. */
831
836
  .aura-nav__item { padding-left: calc(var(--aura-space-3) + var(--aura-nav-depth, 0) * (var(--aura-icon-sm) + var(--aura-space-3))); }
@@ -855,7 +860,7 @@ a.aura-tab { text-decoration: none; }
855
860
  .aura-nav--collapsed .aura-nav__item--group.has-active .aura-icon { color: var(--aura-fg-accent); }
856
861
  .aura-nav__initial {
857
862
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--aura-radius-sm);
858
- background: var(--aura-status-neutral-bg); color: var(--aura-status-neutral-fg); font-size: 12px; font-weight: 600; text-transform: uppercase;
863
+ background: var(--aura-status-neutral-bg); color: var(--aura-status-neutral-fg); font-size: max(12px, .75rem); font-weight: 600; text-transform: uppercase;
859
864
  }
860
865
  .aura-nav__dot {
861
866
  position: absolute; top: 6px; left: calc(50% + 5px); width: 8px; height: 8px; border-radius: var(--aura-radius-full);
@@ -865,7 +870,7 @@ a.aura-tab { text-decoration: none; }
865
870
  @media (prefers-reduced-motion: reduce) { .aura-nav { transition: none; } }
866
871
 
867
872
  /* ---------- Breadcrumb ---------- */
868
- .aura-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-1) var(--aura-space-2); list-style: none; margin: 0; padding: 0; font-family: var(--font-sans); font-size: 13px; }
873
+ .aura-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-1) var(--aura-space-2); list-style: none; margin: 0; padding: 0; font-family: var(--font-sans); font-size: max(13px, .8125rem); }
869
874
  .aura-crumbs li { display: inline-flex; align-items: center; gap: var(--aura-space-2); }
870
875
  .aura-crumbs a, .aura-crumbs button {
871
876
  padding: 0; border: 0; background: none; font: inherit; color: var(--aura-fg-secondary); text-decoration: none; cursor: pointer; border-radius: var(--aura-radius-xs);
@@ -905,6 +910,7 @@ a.aura-tab { text-decoration: none; }
905
910
  background: var(--aura-status-neutral-bg); color: var(--aura-status-neutral-fg);
906
911
  }
907
912
  .aura-avatar img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
913
+ /* Initials keep px: they are sized to the circle, and the name is the accessible name (5.40). */
908
914
  .aura-avatar--sm { width: var(--aura-avatar-sm); height: var(--aura-avatar-sm); font-size: 10px; }
909
915
  .aura-avatar--md { width: var(--aura-avatar-md); height: var(--aura-avatar-md); font-size: 12px; }
910
916
  .aura-avatar--lg { width: var(--aura-avatar-lg); height: var(--aura-avatar-lg); font-size: 14px; }
@@ -936,7 +942,7 @@ a.aura-tab { text-decoration: none; }
936
942
  position: fixed; z-index: var(--aura-z-menu); box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain;
937
943
  background: var(--aura-bg-surface); color: var(--aura-fg-primary);
938
944
  border: 1px solid var(--aura-border-default); border-radius: var(--aura-radius-md); box-shadow: var(--aura-shadow-overlay);
939
- font-family: var(--font-sans); font-size: 14px;
945
+ font-family: var(--font-sans); font-size: max(14px, .875rem);
940
946
  }
941
947
  .aura-combo__list { list-style: none; margin: 0; padding: var(--aura-space-1); }
942
948
  .aura-combo__option {
@@ -949,15 +955,15 @@ a.aura-tab { text-decoration: none; }
949
955
  .aura-combo__option.is-disabled { opacity: var(--aura-disabled-opacity); cursor: default; }
950
956
  .aura-combo__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
951
957
  .aura-combo__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
952
- .aura-combo__desc { font-size: 12px; line-height: 1.5; color: var(--aura-fg-secondary); }
958
+ .aura-combo__desc { font-size: max(12px, .75rem); line-height: 1.5; color: var(--aura-fg-secondary); }
953
959
  /* Same specificity as `.aura-combo__option > .aura-icon` above and later in the file, so it wins by order (4.18). */
954
960
  .aura-combo__option > .aura-combo__check { color: var(--aura-fg-accent); }
955
961
  /* 5.16 (Chamber-OS 105): option groups under a heading. */
956
962
  .aura-combo__group { list-style: none; }
957
963
  .aura-combo__group + .aura-combo__group, .aura-combo__option + .aura-combo__group { margin-top: var(--aura-space-1); padding-top: var(--aura-space-1); border-top: 1px solid var(--aura-border-subtle); }
958
- .aura-combo__group-label { display: block; padding: var(--aura-space-2) var(--aura-space-2) var(--aura-space-1); font-family: var(--font-mono); font-size: 11px; line-height: 16px; color: var(--aura-fg-secondary); text-transform: uppercase; letter-spacing: 0.04em; }
964
+ .aura-combo__group-label { display: block; padding: var(--aura-space-2) var(--aura-space-2) var(--aura-space-1); font-family: var(--font-mono); font-size: max(11px, .6875rem); line-height: max(16px, 1rem); color: var(--aura-fg-secondary); text-transform: uppercase; letter-spacing: 0.04em; }
959
965
  .aura-combo__grouplist { list-style: none; margin: 0; padding: 0; }
960
- .aura-combo__note { display: flex; align-items: center; gap: var(--aura-space-2); padding: var(--aura-space-3) var(--aura-space-2); font-size: 13px; color: var(--aura-fg-secondary); }
966
+ .aura-combo__note { display: flex; align-items: center; gap: var(--aura-space-2); padding: var(--aura-space-3) var(--aura-space-2); font-size: max(13px, .8125rem); color: var(--aura-fg-secondary); }
961
967
 
962
968
  /* ---------- DatePicker / Calendar ---------- */
963
969
  .aura-date .aura-input__control { padding-right: calc(var(--aura-space-2) + 2 * var(--aura-control-sm)); font-variant-numeric: tabular-nums; }
@@ -970,21 +976,21 @@ a.aura-tab { text-decoration: none; }
970
976
  font-family: var(--font-sans);
971
977
  }
972
978
  .aura-cal { width: calc(7 * var(--aura-cal-cell)); }
973
- .aura-cal__hint { margin: 0 0 var(--aura-space-2); font-size: 12px; color: var(--aura-fg-secondary); text-align: center; }
979
+ .aura-cal__hint { margin: 0 0 var(--aura-space-2); font-size: max(12px, .75rem); color: var(--aura-fg-secondary); text-align: center; }
974
980
  .aura-cal__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--aura-space-2); }
975
981
  .aura-cal__title {
976
- display: inline-flex; align-items: center; gap: var(--aura-space-1); height: var(--aura-control-sm); padding: 0 var(--aura-space-2);
982
+ display: inline-flex; align-items: center; gap: var(--aura-space-1); min-height: var(--aura-control-sm); padding: 0 var(--aura-space-2);
977
983
  border: 0; border-radius: var(--aura-radius-sm); background: transparent; color: var(--aura-fg-primary);
978
- font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
984
+ font: inherit; font-size: max(14px, .875rem); font-weight: 600; cursor: pointer;
979
985
  }
980
986
  .aura-cal__title:hover { background: var(--aura-hover, var(--aura-bg-surface-hover)); }
981
987
  .aura-cal__title:focus-visible, .aura-cal__link:focus-visible, .aura-cal__year:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 0; }
982
988
  .aura-cal__grid { border-collapse: separate; border-spacing: 0 2px; width: 100%; }
983
- .aura-cal__grid th { height: 28px; padding: 0; font-size: 12px; font-weight: 500; color: var(--aura-fg-secondary); }
989
+ .aura-cal__grid th { height: 28px; padding: 0; font-size: max(12px, .75rem); font-weight: 500; color: var(--aura-fg-secondary); }
984
990
  .aura-cal__grid td { padding: 0; text-align: center; }
985
991
  .aura-cal__day {
986
992
  width: var(--aura-cal-cell); height: var(--aura-cal-cell); padding: 0; border: 0; border-radius: var(--aura-radius-full);
987
- background: transparent; color: var(--aura-fg-primary); font: inherit; font-size: 13px; font-variant-numeric: tabular-nums; cursor: pointer;
993
+ background: transparent; color: var(--aura-fg-primary); font: inherit; font-size: max(13px, .8125rem); font-variant-numeric: tabular-nums; cursor: pointer;
988
994
  }
989
995
  .aura-cal__day:hover { background: var(--aura-hover, var(--aura-bg-surface-hover)); }
990
996
  .aura-cal__day.is-outside { color: var(--aura-fg-tertiary); }
@@ -999,14 +1005,14 @@ a.aura-tab { text-decoration: none; }
999
1005
  .aura-cal__years { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--aura-space-1); }
1000
1006
  .aura-cal__year {
1001
1007
  height: 40px; border: 0; border-radius: var(--aura-radius-sm); background: transparent; color: var(--aura-fg-primary);
1002
- font: inherit; font-size: 13px; font-variant-numeric: tabular-nums; cursor: pointer;
1008
+ font: inherit; font-size: max(13px, .8125rem); font-variant-numeric: tabular-nums; cursor: pointer;
1003
1009
  }
1004
1010
  .aura-cal__year:hover { background: var(--aura-hover, var(--aura-bg-surface-hover)); }
1005
1011
  .aura-cal__year.is-selected { background: var(--aura-control-checked-bg); color: var(--aura-control-checked-fg); }
1006
1012
  .aura-cal__foot { display: flex; justify-content: space-between; margin-top: var(--aura-space-2); padding-top: var(--aura-space-2); border-top: 1px solid var(--aura-border-subtle); }
1007
1013
  .aura-cal__link {
1008
1014
  height: var(--aura-control-sm); padding: 0 var(--aura-space-2); border: 0; border-radius: var(--aura-radius-sm);
1009
- background: transparent; color: var(--aura-fg-accent); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
1015
+ background: transparent; color: var(--aura-fg-accent); font: inherit; font-size: max(13px, .8125rem); font-weight: 500; cursor: pointer;
1010
1016
  }
1011
1017
  .aura-cal__link:hover { background: var(--aura-hover, var(--aura-bg-surface-hover)); }
1012
1018
  .aura-cal__link:disabled { opacity: var(--aura-disabled-opacity); cursor: not-allowed; }
@@ -1029,10 +1035,10 @@ a.aura-tab { text-decoration: none; }
1029
1035
  .aura-drawer--nav { max-width: var(--aura-sidenav-width); }
1030
1036
  .aura-drawer__head { display: flex; align-items: center; gap: var(--aura-space-3); padding: var(--aura-space-4) var(--aura-space-4) var(--aura-space-2) var(--aura-space-6); }
1031
1037
  .aura-drawer--nav .aura-drawer__head { position: absolute; top: var(--aura-space-2); inset-inline-end: var(--aura-space-2); padding: 0; z-index: 1; } /* 5.32: inline-end, so RTL puts it on the left with the header's room */
1032
- .aura-drawer__title { flex: 1; margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; }
1033
- .aura-drawer__desc { margin: 0; padding: 0 var(--aura-space-6); font-size: 14px; line-height: 1.7; color: var(--aura-fg-secondary); }
1038
+ .aura-drawer__title { flex: 1; margin: 0; font-size: max(16px, 1rem); line-height: 1.5; font-weight: 600; }
1039
+ .aura-drawer__desc { margin: 0; padding: 0 var(--aura-space-6); font-size: max(14px, .875rem); line-height: 1.7; color: var(--aura-fg-secondary); }
1034
1040
  .aura-drawer__body {
1035
- flex: 1; overflow-y: auto; padding: var(--aura-space-4) var(--aura-space-6); font-size: 14px; line-height: 1.7;
1041
+ flex: 1; overflow-y: auto; padding: var(--aura-space-4) var(--aura-space-6); font-size: max(14px, .875rem); line-height: 1.7;
1036
1042
  /* 5.14 (Chamber-OS 91): a field scrolled into view (focus, the phone keyboard) keeps clear of the head and foot. */
1037
1043
  scroll-padding-block: var(--aura-space-4);
1038
1044
  }
@@ -1133,10 +1139,10 @@ a.aura-tab { text-decoration: none; }
1133
1139
  * 28px and the actions wrap under the text. */
1134
1140
  .aura-page-header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--aura-space-4) var(--aura-space-6); min-width: 0; font-family: var(--font-sans); }
1135
1141
  .aura-page-header__text { display: flex; flex-direction: column; gap: var(--aura-space-1); flex: 1 1 320px; min-width: 0; }
1136
- .aura-page-header__eyebrow { margin: 0; font-family: var(--font-mono); font-size: 12px; line-height: 1.7; color: var(--aura-fg-secondary); overflow-wrap: anywhere; }
1137
- .aura-page-header__title { margin: 0; font-family: var(--font-display); font-size: 28px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; color: var(--aura-fg-primary); overflow-wrap: anywhere; }
1142
+ .aura-page-header__eyebrow { margin: 0; font-family: var(--font-mono); font-size: max(12px, .75rem); line-height: 1.7; color: var(--aura-fg-secondary); overflow-wrap: anywhere; }
1143
+ .aura-page-header__title { margin: 0; font-family: var(--font-display); font-size: max(28px, 1.75rem); line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; color: var(--aura-fg-primary); overflow-wrap: anywhere; }
1138
1144
  .aura-page-header__breadcrumb { min-width: 0; } /* 5.33 (DxT Monitor #7): Breadcrumb keeps its own type */
1139
- .aura-page-header__meta { min-width: 0; font-size: 13px; line-height: 1.5; color: var(--aura-fg-secondary); overflow-wrap: anywhere; }
1145
+ .aura-page-header__meta { min-width: 0; font-size: max(13px, .8125rem); line-height: 1.5; color: var(--aura-fg-secondary); overflow-wrap: anywhere; }
1140
1146
  .aura-page-header__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-2); }
1141
1147
  /* 5.37 (DxT Monitor #17): actionsFullWidthBelow — the actions take the row under the text; their children share
1142
1148
  * each line equally (wrapping when a label won't fit), a trigger inside a DropdownMenu, Tooltip or Popover wrapper
@@ -1162,7 +1168,7 @@ a.aura-tab { text-decoration: none; }
1162
1168
  .aura-page-header--actions-full-below-lg > .aura-page-header__actions > .aura-icon-btn { flex: none; }
1163
1169
  .aura-page-header--actions-full-below-lg > .aura-page-header__actions > :has(> .aura-icon-btn) { flex: none; }
1164
1170
  }
1165
- @media (min-width: 640px) { .aura-page-header__title { font-size: 36px; } }
1171
+ @media (min-width: 640px) { .aura-page-header__title { font-size: max(36px, 2.25rem); } }
1166
1172
  /* Thai marks need the room a 1.15 line takes away. */
1167
1173
  .aura-page-header__title:lang(th) { line-height: 1.4; letter-spacing: 0; }
1168
1174
  .aura-page-header__meta:lang(th) { line-height: 1.6; }
@@ -1180,27 +1186,27 @@ a.aura-tab { text-decoration: none; }
1180
1186
  box-sizing: border-box; display: flex; flex-direction: column; gap: var(--aura-space-2); min-width: 0;
1181
1187
  padding: var(--aura-space-5); background: var(--aura-bg-surface); color: var(--aura-fg-primary);
1182
1188
  border: 1px solid var(--aura-border-default); border-radius: var(--aura-card-radius); box-shadow: var(--aura-shadow-enterprise);
1183
- font-family: var(--font-sans); font-size: 14px; text-align: left; text-decoration: none;
1189
+ font-family: var(--font-sans); font-size: max(14px, .875rem); text-align: left; text-decoration: none;
1184
1190
  }
1185
1191
  button.aura-stat { font: inherit; width: 100%; cursor: pointer; }
1186
1192
  .aura-stat.is-interactive { cursor: pointer; transition: border-color var(--aura-duration-fast) var(--aura-ease), background var(--aura-duration-fast) var(--aura-ease); }
1187
1193
  .aura-stat.is-interactive:hover { border-color: var(--aura-border-strong); }
1188
1194
  .aura-stat.is-interactive:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: var(--aura-focus-ring-offset); }
1189
1195
  .aura-stat__head { display: flex; align-items: center; justify-content: space-between; gap: var(--aura-space-2); }
1190
- .aura-stat__label { margin: 0; font-size: 13px; font-weight: 500; color: var(--aura-fg-secondary); } /* 5.14: may be a heading */
1196
+ .aura-stat__label { margin: 0; font-size: max(13px, .8125rem); font-weight: 500; color: var(--aura-fg-secondary); } /* 5.14: may be a heading */
1191
1197
  .aura-stat__icon { display: inline-flex; color: var(--aura-fg-secondary); }
1192
- .aura-stat__value { display: flex; align-items: baseline; gap: var(--aura-space-1); font-size: 28px; line-height: 1.2; font-weight: 600; letter-spacing: -0.01em; min-height: 34px; }
1198
+ .aura-stat__value { display: flex; align-items: baseline; gap: var(--aura-space-1); font-size: max(28px, 1.75rem); line-height: 1.2; font-weight: 600; letter-spacing: -0.01em; min-height: 34px; }
1193
1199
  .aura-stat__value.is-numeric { font-variant-numeric: tabular-nums; }
1194
- .aura-stat__unit { font-size: 14px; font-weight: 500; color: var(--aura-fg-secondary); letter-spacing: 0; }
1200
+ .aura-stat__unit { font-size: max(14px, .875rem); font-weight: 500; color: var(--aura-fg-secondary); letter-spacing: 0; }
1195
1201
  .aura-stat__skel { width: 55%; height: 24px; align-self: center; }
1196
- .aura-stat__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-1) var(--aura-space-2); font-size: 12px; }
1202
+ .aura-stat__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-1) var(--aura-space-2); font-size: max(12px, .75rem); }
1197
1203
  .aura-stat__change { display: inline-flex; align-items: center; gap: 2px; font-weight: 600; font-variant-numeric: tabular-nums; }
1198
1204
  .aura-stat__change.is-positive { color: var(--aura-fg-positive); }
1199
1205
  .aura-stat__change.is-negative { color: var(--aura-fg-danger); }
1200
1206
  .aura-stat__change.is-neutral { color: var(--aura-fg-secondary); }
1201
1207
  .aura-stat__caption { color: var(--aura-fg-secondary); }
1202
1208
  /* 5.17 (Chamber-OS 110): a status line under the value, and a link on the label that covers the tile. */
1203
- .aura-stat__status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-1) var(--aura-space-2); font-size: 13px; color: var(--aura-fg-secondary); }
1209
+ .aura-stat__status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-1) var(--aura-space-2); font-size: max(13px, .8125rem); color: var(--aura-fg-secondary); }
1204
1210
  .aura-stat--label-link { position: relative; }
1205
1211
  .aura-stat__link { color: inherit; text-decoration: none; }
1206
1212
  .aura-stat__link::after { content: ''; position: absolute; inset: 0; border-radius: var(--aura-card-radius); }
@@ -1222,7 +1228,7 @@ button.aura-stat { font: inherit; width: 100%; cursor: pointer; }
1222
1228
  position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 2px; min-width: 0;
1223
1229
  padding: var(--aura-space-2) var(--aura-space-3); background: var(--aura-bg-surface); color: var(--aura-fg-primary);
1224
1230
  border: 1px solid var(--aura-border-default); border-radius: var(--aura-radius-sm);
1225
- font-family: var(--font-sans); font-size: 13px; line-height: 18px; text-align: start; text-decoration: none;
1231
+ font-family: var(--font-sans); font-size: max(13px, .8125rem); line-height: max(18px, 1.125rem); text-align: start; text-decoration: none;
1226
1232
  --aura-hover: var(--aura-bg-surface-hover);
1227
1233
  }
1228
1234
  .aura-status-tile--down { background: var(--aura-alert-danger-bg); border-color: var(--aura-alert-danger-border); }
@@ -1258,11 +1264,11 @@ button.aura-stat { font: inherit; width: 100%; cursor: pointer; }
1258
1264
  .aura-status-tile__value { flex-basis: 100%; margin-inline-start: 0; padding-inline-start: 24px; }
1259
1265
  }
1260
1266
  /* The second line starts under the title. */
1261
- .aura-status-tile__foot { display: flex; align-items: center; gap: var(--aura-space-2); min-width: 0; padding-inline-start: 24px; font-size: 12px; color: var(--aura-fg-secondary); }
1267
+ .aura-status-tile__foot { display: flex; align-items: center; gap: var(--aura-space-2); min-width: 0; padding-inline-start: 24px; font-size: max(12px, .75rem); color: var(--aura-fg-secondary); }
1262
1268
  .aura-status-tile__meta { flex: 1; min-width: 0; overflow-wrap: anywhere; }
1263
1269
  .aura-status-tile__markers { display: inline-flex; align-items: center; gap: var(--aura-space-1); margin-inline-start: auto; flex: none; }
1264
1270
  .aura-status-tile__marker { display: inline-flex; }
1265
- .aura-status-tile:lang(th) { line-height: 20px; }
1271
+ .aura-status-tile:lang(th) { line-height: max(20px, 1.25rem); }
1266
1272
  .aura-sparkline { display: inline-block; flex: none; vertical-align: middle; overflow: visible; color: var(--aura-fg-secondary); }
1267
1273
  .aura-sparkline.is-accent { color: var(--aura-fg-accent); }
1268
1274
  .aura-sparkline.is-danger { color: var(--aura-fg-danger); }
@@ -1285,7 +1291,7 @@ button.aura-stat { font: inherit; width: 100%; cursor: pointer; }
1285
1291
  .aura-upload {
1286
1292
  position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--aura-space-2);
1287
1293
  min-height: 96px; padding: var(--aura-space-5); text-align: center; cursor: pointer;
1288
- background: var(--aura-bg-input); color: var(--aura-fg-secondary); font-size: 14px;
1294
+ background: var(--aura-bg-input); color: var(--aura-fg-secondary); font-size: max(14px, .875rem);
1289
1295
  border: 1px dashed var(--aura-border-control); border-radius: var(--aura-radius-md);
1290
1296
  transition: border-color var(--aura-duration-fast) var(--aura-ease), background var(--aura-duration-fast) var(--aura-ease);
1291
1297
  }
@@ -1296,7 +1302,7 @@ button.aura-stat { font: inherit; width: 100%; cursor: pointer; }
1296
1302
  .aura-upload.is-disabled { opacity: var(--aura-disabled-opacity); pointer-events: none; background: var(--aura-bg-input-disabled); }
1297
1303
  .aura-upload__icon { flex-basis: 100%; color: var(--aura-fg-secondary); }
1298
1304
  .aura-upload__browse { color: var(--aura-fg-accent); font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
1299
- .aura-upload__note { flex-basis: 100%; font-size: 12px; color: var(--aura-fg-secondary); }
1305
+ .aura-upload__note { flex-basis: 100%; font-size: max(12px, .75rem); color: var(--aura-fg-secondary); }
1300
1306
  .aura-upload__input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
1301
1307
  .aura-upload__list { list-style: none; margin: var(--aura-space-3) 0 0; padding: 0; display: grid; gap: var(--aura-space-2); }
1302
1308
  .aura-upload__item {
@@ -1307,26 +1313,26 @@ button.aura-stat { font: inherit; width: 100%; cursor: pointer; }
1307
1313
  .aura-upload__thumb { flex: none; width: 40px; height: 40px; border-radius: var(--aura-radius-sm); object-fit: cover; background: var(--aura-bg-surface-hover); }
1308
1314
  .aura-upload__thumb.is-icon { display: inline-flex; align-items: center; justify-content: center; color: var(--aura-fg-secondary); }
1309
1315
  .aura-upload__meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
1310
- .aura-upload__name { font-size: 13px; font-weight: 500; color: var(--aura-fg-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1316
+ .aura-upload__name { font-size: max(13px, .8125rem); font-weight: 500; color: var(--aura-fg-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1311
1317
  a.aura-upload__name { color: var(--aura-fg-accent); text-decoration: underline; text-underline-offset: 2px; border-radius: var(--aura-radius-xs); }
1312
1318
  a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 2px; }
1313
- .aura-upload__sub { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--aura-fg-secondary); }
1319
+ .aura-upload__sub { display: inline-flex; align-items: center; gap: 4px; font-size: max(12px, .75rem); color: var(--aura-fg-secondary); }
1314
1320
  .aura-upload__item.is-error .aura-upload__sub { color: var(--aura-fg-danger); }
1315
1321
  .aura-upload__bar { display: block; height: 4px; border-radius: var(--aura-radius-full); background: var(--aura-progress-track); box-shadow: inset 0 0 0 1px var(--aura-progress-track-edge); overflow: hidden; }
1316
1322
  .aura-upload__bar > span { display: block; height: 100%; background: var(--aura-fg-accent); transition: width var(--aura-duration-base) var(--aura-ease); }
1317
1323
 
1318
1324
  /* ---------- Checkbox with a visible label ---------- */
1319
- .aura-check--labelled { width: auto; height: auto; max-width: 100%; display: inline-flex; align-items: flex-start; gap: var(--aura-space-2); cursor: pointer; font-size: 14px; line-height: 1.5; color: var(--aura-fg-primary); }
1325
+ .aura-check--labelled { width: auto; height: auto; max-width: 100%; display: inline-flex; align-items: flex-start; gap: var(--aura-space-2); cursor: pointer; font-size: max(14px, .875rem); line-height: 1.5; color: var(--aura-fg-primary); }
1320
1326
  .aura-check--labelled .aura-check__input { inset: auto; top: 3px; left: 0; width: var(--aura-icon-sm); height: var(--aura-icon-sm); }
1321
1327
  .aura-check--labelled .aura-check__box { flex: none; width: var(--aura-icon-sm); height: var(--aura-icon-sm); margin-top: 3px; }
1322
1328
  .aura-check__text { display: flex; flex-direction: column; }
1323
- .aura-check__desc { font-size: 12px; color: var(--aura-fg-secondary); }
1329
+ .aura-check__desc { font-size: max(12px, .75rem); color: var(--aura-fg-secondary); }
1324
1330
  .aura-check.is-disabled { opacity: var(--aura-disabled-opacity); cursor: default; }
1325
1331
 
1326
1332
  /* ---------- Badge ---------- */
1327
1333
  .aura-badge {
1328
- display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 var(--aura-space-2); box-sizing: border-box;
1329
- border-radius: var(--aura-radius-full); border: 1px solid transparent; font-family: var(--font-sans); font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums;
1334
+ display: inline-flex; align-items: center; gap: 4px; min-height: 20px; padding: 0 var(--aura-space-2); box-sizing: border-box; /* 5.40: min-, so a larger default font grows it */
1335
+ border-radius: var(--aura-radius-full); border: 1px solid transparent; font-family: var(--font-sans); font-size: max(11px, .6875rem); font-weight: 600; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums;
1330
1336
  background: var(--aura-status-neutral-bg); color: var(--aura-status-neutral-fg); /* 5.30: surface-hover vanished on the light canvas */
1331
1337
  }
1332
1338
  .aura-badge--accent { background: var(--aura-alert-info-bg); color: var(--aura-alert-info-fg); }
@@ -1342,7 +1348,7 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1342
1348
  .aura-tag {
1343
1349
  display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 var(--aura-space-3); box-sizing: border-box;
1344
1350
  border: 1px solid var(--aura-border-control); border-radius: var(--aura-radius-full); background: var(--aura-bg-surface); color: var(--aura-fg-primary);
1345
- font-family: var(--font-sans); font-size: 13px; font-weight: 500; white-space: nowrap;
1351
+ font-family: var(--font-sans); font-size: max(13px, .8125rem); font-weight: 500; white-space: nowrap;
1346
1352
  }
1347
1353
  .aura-tag__text { overflow: hidden; text-overflow: ellipsis; max-width: 24ch; }
1348
1354
  .aura-tag.is-selectable { cursor: pointer; transition: background var(--aura-duration-fast) var(--aura-ease), border-color var(--aura-duration-fast) var(--aura-ease); }
@@ -1358,7 +1364,7 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1358
1364
 
1359
1365
  /* ---------- Progress ---------- */
1360
1366
  .aura-progress { display: flex; flex-direction: column; gap: 6px; font-family: var(--font-sans); }
1361
- .aura-progress__head { display: flex; justify-content: space-between; gap: var(--aura-space-2); font-size: 13px; }
1367
+ .aura-progress__head { display: flex; justify-content: space-between; gap: var(--aura-space-2); font-size: max(13px, .8125rem); }
1362
1368
  .aura-progress__label { font-weight: 500; color: var(--aura-fg-primary); }
1363
1369
  .aura-progress__value { color: var(--aura-fg-secondary); font-variant-numeric: tabular-nums; }
1364
1370
  .aura-progress__track { position: relative; height: 8px; border-radius: var(--aura-radius-full); background: var(--aura-progress-track); box-shadow: inset 0 0 0 1px var(--aura-progress-track-edge); overflow: hidden; }
@@ -1377,7 +1383,7 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1377
1383
  .aura-progress__track.is-indeterminate .aura-progress__bar { width: 35%; animation: aura-progress-slide var(--aura-duration-pulse) var(--aura-ease) infinite; }
1378
1384
  @keyframes aura-progress-slide { from { left: -35%; } to { left: 100%; } }
1379
1385
  @media (prefers-reduced-motion: reduce) { .aura-progress__track.is-indeterminate .aura-progress__bar { animation-duration: calc(var(--aura-duration-pulse) * 3); } }
1380
- .aura-progress__hint { margin: 0; font-size: 12px; color: var(--aura-fg-secondary); }
1386
+ .aura-progress__hint { margin: 0; font-size: max(12px, .75rem); color: var(--aura-fg-secondary); }
1381
1387
 
1382
1388
  /* ---------- Skeleton ---------- */
1383
1389
  .aura-skel--text { height: 10px; margin: 5px 0; }
@@ -1392,8 +1398,8 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1392
1398
  .aura-empty.is-bordered { border: 1px dashed var(--aura-border-control); border-radius: var(--aura-radius-lg); }
1393
1399
  .aura-empty__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: var(--aura-space-2); border-radius: var(--aura-radius-full); background: var(--aura-status-neutral-bg); color: var(--aura-fg-secondary); }
1394
1400
  .aura-empty.is-sm .aura-empty__icon { width: 36px; height: 36px; }
1395
- .aura-empty__title { margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; }
1396
- .aura-empty__text { margin: 0; max-width: 44ch; font-size: 14px; line-height: 1.6; color: var(--aura-fg-secondary); }
1401
+ .aura-empty__title { margin: 0; font-size: max(16px, 1rem); line-height: 1.5; font-weight: 600; }
1402
+ .aura-empty__text { margin: 0; max-width: 44ch; font-size: max(14px, .875rem); line-height: 1.6; color: var(--aura-fg-secondary); }
1397
1403
  .aura-empty__action { margin-top: var(--aura-space-3); display: flex; gap: var(--aura-space-3); flex-wrap: wrap; justify-content: center; }
1398
1404
  /* 5.13 (Chamber-OS 82): tone="danger" — a load failure. */
1399
1405
  .aura-empty.is-danger { background: var(--aura-alert-danger-bg); border-radius: var(--aura-radius-lg); }
@@ -1401,7 +1407,7 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1401
1407
  .aura-empty.is-danger .aura-empty__icon { background: var(--aura-bg-surface); color: var(--aura-fg-danger); }
1402
1408
 
1403
1409
  /* ---------- Pagination ---------- */
1404
- .aura-pagination { display: flex; align-items: center; gap: var(--aura-space-1); font-family: var(--font-sans); font-size: 13px; }
1410
+ .aura-pagination { display: flex; align-items: center; gap: var(--aura-space-1); font-family: var(--font-sans); font-size: max(13px, .8125rem); }
1405
1411
  .aura-pagination__list { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
1406
1412
  .aura-page {
1407
1413
  display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 var(--aura-space-2); box-sizing: border-box;
@@ -1420,7 +1426,7 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1420
1426
  /* ---------- Accordion ---------- */
1421
1427
  .aura-accordion { border-top: 1px solid var(--aura-border-default); font-family: var(--font-sans); }
1422
1428
  .aura-accordion__item { border-bottom: 1px solid var(--aura-border-default); }
1423
- .aura-accordion__heading { margin: 0; font-size: 14px; font-weight: 600; }
1429
+ .aura-accordion__heading { margin: 0; font-size: max(14px, .875rem); font-weight: 600; }
1424
1430
  .aura-accordion__heading > button {
1425
1431
  display: flex; align-items: center; gap: var(--aura-space-3); width: 100%; min-height: 48px; padding: var(--aura-space-3) var(--aura-space-1); box-sizing: border-box;
1426
1432
  border: 0; background: transparent; color: var(--aura-fg-primary); font: inherit; text-align: left; cursor: pointer;
@@ -1429,22 +1435,22 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1429
1435
  .aura-accordion__heading > button:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: calc(-1 * var(--aura-focus-ring-width)); border-radius: var(--aura-radius-sm); }
1430
1436
  .aura-accordion__heading > button:disabled { opacity: var(--aura-disabled-opacity); cursor: default; }
1431
1437
  .aura-accordion__title { flex: 1; display: flex; flex-direction: column; gap: 2px; }
1432
- .aura-accordion__desc { font-size: 13px; font-weight: 400; color: var(--aura-fg-secondary); }
1438
+ .aura-accordion__desc { font-size: max(13px, .8125rem); font-weight: 400; color: var(--aura-fg-secondary); }
1433
1439
  .aura-accordion__lead { color: var(--aura-fg-secondary); }
1434
1440
  .aura-accordion__chevron { flex: none; color: var(--aura-fg-secondary); transition: transform var(--aura-duration-fast) var(--aura-ease); }
1435
1441
  .aura-accordion__item.is-open .aura-accordion__chevron { transform: rotate(180deg); }
1436
- .aura-accordion__panel { padding: 0 var(--aura-space-1) var(--aura-space-4); font-size: 14px; line-height: 1.7; color: var(--aura-fg-primary); }
1442
+ .aura-accordion__panel { padding: 0 var(--aura-space-1) var(--aura-space-4); font-size: max(14px, .875rem); line-height: 1.7; color: var(--aura-fg-primary); }
1437
1443
 
1438
1444
  /* ---------- Popover ---------- */
1439
1445
  .aura-popover-anchor { display: inline-flex; }
1440
1446
  .aura-popover {
1441
1447
  position: fixed; z-index: var(--aura-z-menu); box-sizing: border-box; width: max-content; min-width: 200px; max-width: min(360px, calc(100vw - 16px));
1442
1448
  background: var(--aura-bg-surface); color: var(--aura-fg-primary); border: 1px solid var(--aura-border-default); border-radius: var(--aura-radius-lg);
1443
- box-shadow: var(--aura-shadow-overlay); font-family: var(--font-sans); font-size: 14px; outline: none; animation: aura-fade-in var(--aura-duration-fast) var(--aura-ease);
1449
+ box-shadow: var(--aura-shadow-overlay); font-family: var(--font-sans); font-size: max(14px, .875rem); outline: none; animation: aura-fade-in var(--aura-duration-fast) var(--aura-ease);
1444
1450
  overflow-y: auto; overscroll-behavior: contain;
1445
1451
  }
1446
1452
  .aura-popover__head { display: flex; align-items: center; justify-content: space-between; gap: var(--aura-space-2); padding: var(--aura-space-2) var(--aura-space-2) 0 var(--aura-space-4); position: sticky; top: 0; z-index: 1; background: var(--aura-bg-surface); } /* 5.2: stays while a tall popover scrolls */
1447
- .aura-popover__title { margin: 0; font-size: 14px; font-weight: 600; }
1453
+ .aura-popover__title { margin: 0; font-size: max(14px, .875rem); font-weight: 600; }
1448
1454
  .aura-popover__body { padding: var(--aura-space-4); }
1449
1455
  .aura-popover__head + .aura-popover__body { padding-top: var(--aura-space-2); }
1450
1456
  @media (prefers-reduced-motion: reduce) { .aura-popover { animation: none; } }
@@ -1459,7 +1465,7 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1459
1465
  .aura-combo__chip {
1460
1466
  display: inline-flex; align-items: center; gap: 2px; max-width: 100%; height: 28px; box-sizing: border-box;
1461
1467
  padding: 0 2px 0 var(--aura-space-2); border-radius: var(--aura-radius-full);
1462
- background: var(--aura-bg-selected); color: var(--aura-fg-primary); font-size: 13px; font-weight: 500;
1468
+ background: var(--aura-bg-selected); color: var(--aura-fg-primary); font-size: max(13px, .8125rem); font-weight: 500;
1463
1469
  }
1464
1470
  .aura-combo__chip-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 24ch; }
1465
1471
  .aura-combo__chip-remove {
@@ -1471,7 +1477,7 @@ a.aura-upload__name:focus-visible { outline: var(--aura-focus-ring-width) solid
1471
1477
 
1472
1478
  /* ---------- NumberField ---------- */
1473
1479
  .aura-number .aura-input__control { font-variant-numeric: tabular-nums; }
1474
- .aura-number__affix { padding-left: var(--aura-space-3); color: var(--aura-fg-secondary); font-size: 14px; white-space: nowrap; }
1480
+ .aura-number__affix { padding-left: var(--aura-space-3); color: var(--aura-fg-secondary); font-size: max(14px, .875rem); white-space: nowrap; }
1475
1481
  .aura-number__affix + .aura-input__control { padding-left: var(--aura-space-2); }
1476
1482
  .aura-input__control + .aura-number__affix { padding: 0 var(--aura-space-2) 0 0; }
1477
1483
  .aura-number__steps { display: flex; align-self: stretch; border-left: 1px solid var(--aura-border-default); }
@@ -1499,16 +1505,16 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1499
1505
  .aura-stepper__marker {
1500
1506
  position: relative; z-index: 1; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; box-sizing: border-box;
1501
1507
  border-radius: var(--aura-radius-full); border: 1px solid var(--aura-border-control); background: var(--aura-bg-surface);
1502
- color: var(--aura-fg-secondary); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums;
1508
+ color: var(--aura-fg-secondary); font-size: max(13px, .8125rem); font-weight: 600; font-variant-numeric: tabular-nums;
1503
1509
  }
1504
1510
  .aura-stepper__marker .aura-icon { width: 16px; height: 16px; }
1505
1511
  .aura-stepper__item.is-done .aura-stepper__marker { background: var(--aura-control-checked-bg); border-color: var(--aura-control-checked-bg); color: var(--aura-control-checked-fg); }
1506
1512
  .aura-stepper__item.is-current .aura-stepper__marker { border: 2px solid var(--aura-fg-accent); color: var(--aura-fg-accent); }
1507
1513
  .aura-stepper__text { display: flex; flex-direction: column; min-width: 0; padding-top: 4px; }
1508
- .aura-stepper__label { font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--aura-fg-secondary); }
1514
+ .aura-stepper__label { font-size: max(13px, .8125rem); font-weight: 500; line-height: 1.4; color: var(--aura-fg-secondary); }
1509
1515
  .aura-stepper__item.is-current .aura-stepper__label, .aura-stepper__item.is-done .aura-stepper__label { color: var(--aura-fg-primary); }
1510
1516
  .aura-stepper__item.is-current .aura-stepper__label { font-weight: 600; }
1511
- .aura-stepper__desc { font-size: 12px; line-height: 1.5; color: var(--aura-fg-secondary); }
1517
+ .aura-stepper__desc { font-size: max(12px, .75rem); line-height: 1.5; color: var(--aura-fg-secondary); }
1512
1518
  /* Connector: a line from each marker to the next (labels sit under the markers), or down the left when vertical. */
1513
1519
  .aura-stepper--horizontal .aura-stepper__item:not(:last-child)::after {
1514
1520
  content: ""; position: absolute; top: 14px; left: 36px; right: var(--aura-space-2); height: 1px; background: var(--aura-border-control); pointer-events: none;
@@ -1521,7 +1527,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1521
1527
  content: ""; position: absolute; left: 14px; top: 32px; bottom: 4px; width: 1px; background: var(--aura-border-control);
1522
1528
  }
1523
1529
  .aura-stepper--vertical .aura-stepper__item.is-done::after { background: var(--aura-control-checked-bg); }
1524
- .aura-stepper__compact { display: none; margin: var(--aura-space-2) 0 0; font-size: 13px; }
1530
+ .aura-stepper__compact { display: none; margin: var(--aura-space-2) 0 0; font-size: max(13px, .8125rem); }
1525
1531
  .aura-stepper__count { color: var(--aura-fg-secondary); margin-right: var(--aura-space-2); }
1526
1532
  .aura-stepper__compact-label { font-weight: 600; }
1527
1533
  /* 5.18 (Chamber-OS 112): a step with errors — the danger fill and an alert icon; outlined when it is the current step. */
@@ -1542,7 +1548,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1542
1548
  height: calc(var(--aura-input-height) - 6px); /* 5.30: the control is as tall as a field beside it (2px padding, 1px edge) */
1543
1549
  padding: 0 var(--aura-space-4); box-sizing: border-box;
1544
1550
  border: 0; border-radius: var(--aura-radius-full); background: transparent; color: var(--aura-fg-secondary);
1545
- font: inherit; font-size: 13px; font-weight: 500; white-space: nowrap; cursor: pointer;
1551
+ font: inherit; font-size: max(13px, .8125rem); font-weight: 500; white-space: nowrap; cursor: pointer;
1546
1552
  transition: background-color var(--aura-duration-fast) var(--aura-ease), color var(--aura-duration-fast) var(--aura-ease), box-shadow var(--aura-duration-fast) var(--aura-ease);
1547
1553
  }
1548
1554
  .aura-segmented.is-full .aura-segmented__option { flex: 1 1 0; min-width: 0; }
@@ -1551,7 +1557,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1551
1557
  .aura-segmented__option.is-selected { background: var(--aura-segmented-thumb-bg); color: var(--aura-fg-primary); font-weight: 600; box-shadow: inset 0 0 0 1px var(--aura-border-control), var(--aura-shadow-enterprise); } /* 5.2: the edge marks the choice at 3:1; the fill alone was 1.04:1 on the track */
1552
1558
  .aura-segmented__option:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 1px; }
1553
1559
  .aura-segmented__option:disabled { opacity: var(--aura-disabled-opacity); cursor: default; }
1554
- .aura-segmented--sm .aura-segmented__option { height: 24px; padding: 0 var(--aura-space-3); font-size: 12px; }
1560
+ .aura-segmented--sm .aura-segmented__option { height: auto; min-height: 24px; padding: 0 var(--aura-space-3); font-size: max(12px, .75rem); }
1555
1561
  .aura-segmented--sm .aura-segmented__option.is-icon { width: 28px; padding: 0; }
1556
1562
  .aura-segmented.is-disabled { opacity: var(--aura-disabled-opacity); }
1557
1563
  /* 5.37 (DxT Monitor #18): touchHeight — 44px options below 640px or on a coarse pointer (is-touch), or always. */
@@ -1639,7 +1645,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1639
1645
  .aura-toaster.is-top { top: calc(var(--aura-toaster-offset, var(--aura-space-4)) + env(safe-area-inset-top, 0px)); }
1640
1646
  .aura-card { padding: var(--aura-space-4); --aura-card-bleed: var(--aura-space-4); }
1641
1647
  .aura-stat { padding: var(--aura-space-4); }
1642
- .aura-stat__value { font-size: 24px; }
1648
+ .aura-stat__value { font-size: max(24px, 1.5rem); }
1643
1649
  .aura-tabs__list { gap: var(--aura-space-4); }
1644
1650
  }
1645
1651
  @keyframes aura-sheet-in { from { transform: translateY(24px); opacity: 0; } }
@@ -1704,22 +1710,22 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1704
1710
  /* FormErrorSummary: a danger alert whose items link to their fields */
1705
1711
  .aura-error-summary:focus-visible, .aura-error-summary:focus { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: var(--aura-focus-ring-offset); }
1706
1712
  .aura-error-summary h2.aura-alert__title { font-family: inherit; }
1707
- .aura-error-summary__list { margin: var(--aura-space-2) 0 0; padding-left: var(--aura-space-5); display: grid; gap: var(--aura-space-1); font-size: 14px; line-height: 20px; }
1713
+ .aura-error-summary__list { margin: var(--aura-space-2) 0 0; padding-left: var(--aura-space-5); display: grid; gap: var(--aura-space-1); font-size: max(14px, .875rem); line-height: max(20px, 1.25rem); }
1708
1714
  .aura-error-summary__list a { color: var(--aura-alert-danger-fg); text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }
1709
1715
  .aura-error-summary__list a:hover { text-decoration-thickness: 2px; }
1710
1716
  .aura-error-summary__list a:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: 2px; border-radius: var(--aura-radius-xs); }
1711
1717
 
1712
1718
  /* aura-prose: sanitised rich text (editor output, e-mail previews). Styles exactly p, h1–h4, ul/ol/li, blockquote,
1713
1719
  * hr, a, strong, em, u with AURA type and spacing, in both themes. */
1714
- .aura-prose { font-family: var(--font-sans); font-size: 14px; line-height: 1.7; color: var(--aura-fg-primary); overflow-wrap: anywhere; }
1720
+ .aura-prose { font-family: var(--font-sans); font-size: max(14px, .875rem); line-height: 1.7; color: var(--aura-fg-primary); overflow-wrap: anywhere; }
1715
1721
  .aura-prose > :first-child { margin-top: 0; }
1716
1722
  .aura-prose > :last-child { margin-bottom: 0; }
1717
1723
  .aura-prose p { margin: 0 0 var(--aura-space-4); }
1718
1724
  .aura-prose h1, .aura-prose h2, .aura-prose h3, .aura-prose h4 { color: var(--aura-fg-primary); margin: var(--aura-space-8) 0 var(--aura-space-3); }
1719
- .aura-prose h1 { font-family: var(--font-display); font-weight: 600; font-size: 30px; line-height: 1.2; letter-spacing: -0.01em; }
1720
- .aura-prose h2 { font-weight: 600; font-size: 22px; line-height: 1.3; }
1721
- .aura-prose h3 { font-weight: 600; font-size: 17px; line-height: 1.45; }
1722
- .aura-prose h4 { font-weight: 600; font-size: 15px; line-height: 1.5; }
1725
+ .aura-prose h1 { font-family: var(--font-display); font-weight: 600; font-size: max(30px, 1.875rem); line-height: 1.2; letter-spacing: -0.01em; }
1726
+ .aura-prose h2 { font-weight: 600; font-size: max(22px, 1.375rem); line-height: 1.3; }
1727
+ .aura-prose h3 { font-weight: 600; font-size: max(17px, 1.0625rem); line-height: 1.45; }
1728
+ .aura-prose h4 { font-weight: 600; font-size: max(15px, .9375rem); line-height: 1.5; }
1723
1729
  .aura-prose ul, .aura-prose ol { margin: 0 0 var(--aura-space-4); padding-left: var(--aura-space-6); }
1724
1730
  .aura-prose li { margin: var(--aura-space-1) 0; }
1725
1731
  .aura-prose li > ul, .aura-prose li > ol { margin: var(--aura-space-1) 0 0; }
@@ -1743,7 +1749,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1743
1749
  .aura-filterbar__clear-search { margin-right: 6px; }
1744
1750
  .aura-filterbar__controls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-3); }
1745
1751
  .aura-filterbar__spacer { flex: 1 1 0; }
1746
- .aura-filterbar__count { font-size: 13px; color: var(--aura-fg-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
1752
+ .aura-filterbar__count { font-size: max(13px, .8125rem); color: var(--aura-fg-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
1747
1753
  .aura-filterbar__actions { display: flex; align-items: center; gap: var(--aura-space-2); }
1748
1754
  .aura-filterbar__chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-2); }
1749
1755
  /* 5.28 (Chamber-OS 132): an applied-filter chip takes its text's width, cut only when it is wider than the row. */
@@ -1754,7 +1760,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1754
1760
  .aura-filterbar__chips > .aura-tag .aura-tag__text { max-width: none; min-width: 0; }
1755
1761
  .aura-filterbar__clear {
1756
1762
  border: 0; background: transparent; padding: 4px var(--aura-space-2); border-radius: var(--aura-radius-sm);
1757
- font: inherit; font-size: 13px; font-weight: 500; color: var(--aura-fg-accent); cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
1763
+ font: inherit; font-size: max(13px, .8125rem); font-weight: 500; color: var(--aura-fg-accent); cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
1758
1764
  }
1759
1765
  .aura-filterbar__clear:hover { background: var(--aura-hover, var(--aura-bg-surface-hover)); }
1760
1766
  .aura-filterbar__clear:focus-visible { outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: var(--aura-focus-ring-offset); }
@@ -1785,7 +1791,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1785
1791
  min-height: var(--aura-input-height); padding-block: 0; padding-inline: var(--aura-space-2) var(--aura-space-1);
1786
1792
  background: var(--aura-bg-input); color: var(--aura-fg-primary);
1787
1793
  border: 1px solid var(--aura-border-control); border-radius: var(--aura-radius-md);
1788
- font: inherit; font-size: 13px; line-height: 18px; text-align: start; cursor: pointer;
1794
+ font: inherit; font-size: max(13px, .8125rem); line-height: max(18px, 1.125rem); text-align: start; cursor: pointer;
1789
1795
  transition: border-color var(--aura-duration-fast) var(--aura-ease);
1790
1796
  }
1791
1797
  .aura-filterselect__face:hover { border-color: var(--aura-fg-secondary); }
@@ -1795,7 +1801,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1795
1801
  /* 5.30: from 640px the face has a field's inset and text size, like the search box beside it; phones keep the tight
1796
1802
  * face so three filters and a chip share one row. */
1797
1803
  @media (min-width: 640px) {
1798
- .aura-filterselect__face { padding-inline: var(--aura-space-3) var(--aura-space-2); font-size: 14px; }
1804
+ .aura-filterselect__face { padding-inline: var(--aura-space-3) var(--aura-space-2); font-size: max(14px, .875rem); }
1799
1805
  .aura-filterselect__chevron { width: var(--aura-icon-sm); height: var(--aura-icon-sm); }
1800
1806
  }
1801
1807
  .aura-filterselect.is-open .aura-filterselect__chevron { transform: rotate(180deg); }
@@ -1805,7 +1811,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1805
1811
  .aura-filterselect__face:focus { outline-style: none; }
1806
1812
  .aura-filterselect__face:focus-visible { outline-style: solid; }
1807
1813
  /* Before hydration: the real <select>, invisible, over the face (16px so iOS doesn't zoom when it opens). */
1808
- .aura-filterselect__native { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; font-size: 16px; cursor: pointer; appearance: none; }
1814
+ .aura-filterselect__native { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; font-size: max(16px, 1rem); cursor: pointer; appearance: none; }
1809
1815
  .aura-filterselect.is-disabled .aura-filterselect__face { background: var(--aura-bg-input-disabled); color: var(--aura-fg-secondary); border-color: var(--aura-border-default); cursor: not-allowed; }
1810
1816
  .aura-filterselect.is-disabled .aura-filterselect__native { cursor: not-allowed; }
1811
1817
  /* 5.38 (Chamber-OS 140): touchHeight on FilterBar (its search and field-height controls) or on one FilterSelect —
@@ -1850,21 +1856,21 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1850
1856
  .aura-command__input::placeholder { color: var(--aura-fg-tertiary); opacity: 1; }
1851
1857
  .aura-command__list { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: var(--aura-space-2); }
1852
1858
  .aura-command__group + .aura-command__group { margin-top: var(--aura-space-2); }
1853
- .aura-command__heading { padding: var(--aura-space-2) var(--aura-space-2) var(--aura-space-1); font-family: var(--font-mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--aura-fg-secondary); }
1854
- .aura-command__item { display: flex; align-items: center; gap: var(--aura-space-3); min-height: 40px; padding: 6px var(--aura-space-2); border-radius: var(--aura-radius-sm); cursor: pointer; font-size: 14px; }
1859
+ .aura-command__heading { padding: var(--aura-space-2) var(--aura-space-2) var(--aura-space-1); font-family: var(--font-mono); font-size: max(11px, .6875rem); text-transform: uppercase; letter-spacing: 0.04em; color: var(--aura-fg-secondary); }
1860
+ .aura-command__item { display: flex; align-items: center; gap: var(--aura-space-3); min-height: 40px; padding: 6px var(--aura-space-2); border-radius: var(--aura-radius-sm); cursor: pointer; font-size: max(14px, .875rem); }
1855
1861
  .aura-command__item > .aura-icon { color: var(--aura-fg-secondary); }
1856
1862
  .aura-command__item.is-active { background: var(--aura-hover, var(--aura-bg-surface-hover)); outline: var(--aura-focus-ring-width) solid var(--aura-focus-ring); outline-offset: calc(-1 * var(--aura-focus-ring-width)); }
1857
1863
  .aura-command__item.is-disabled { opacity: var(--aura-disabled-opacity); cursor: default; }
1858
1864
  .aura-command__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
1859
1865
  .aura-command__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1860
- .aura-command__desc { font-size: 12px; line-height: 1.5; color: var(--aura-fg-secondary); }
1866
+ .aura-command__desc { font-size: max(12px, .75rem); line-height: 1.5; color: var(--aura-fg-secondary); }
1861
1867
  .aura-command__kbd {
1862
1868
  flex: none; padding: 2px 6px; border: 1px solid var(--aura-border-default); border-radius: var(--aura-radius-xs);
1863
- font-family: var(--font-mono); font-size: 11px; line-height: 16px; color: var(--aura-fg-secondary); background: var(--aura-bg-canvas);
1869
+ font-family: var(--font-mono); font-size: max(11px, .6875rem); line-height: max(16px, 1rem); color: var(--aura-fg-secondary); background: var(--aura-bg-canvas);
1864
1870
  }
1865
- .aura-command__loading { display: flex; align-items: center; gap: var(--aura-space-2); padding: var(--aura-space-2) var(--aura-space-3); font-size: 13px; color: var(--aura-fg-secondary); }
1866
- .aura-command__empty { margin: 0; padding: var(--aura-space-6) var(--aura-space-2); text-align: center; font-size: 14px; color: var(--aura-fg-secondary); }
1867
- .aura-command__foot { display: flex; justify-content: space-between; gap: var(--aura-space-3); padding: var(--aura-space-2) var(--aura-space-4); border-top: 1px solid var(--aura-border-default); font-size: 12px; color: var(--aura-fg-secondary); }
1871
+ .aura-command__loading { display: flex; align-items: center; gap: var(--aura-space-2); padding: var(--aura-space-2) var(--aura-space-3); font-size: max(13px, .8125rem); color: var(--aura-fg-secondary); }
1872
+ .aura-command__empty { margin: 0; padding: var(--aura-space-6) var(--aura-space-2); text-align: center; font-size: max(14px, .875rem); color: var(--aura-fg-secondary); }
1873
+ .aura-command__foot { display: flex; justify-content: space-between; gap: var(--aura-space-3); padding: var(--aura-space-2) var(--aura-space-4); border-top: 1px solid var(--aura-border-default); font-size: max(12px, .75rem); color: var(--aura-fg-secondary); }
1868
1874
  @media (max-width: 639.98px) {
1869
1875
  .aura-dialog-layer.aura-command-layer { align-items: flex-start; padding: var(--aura-space-4); }
1870
1876
  .aura-command { max-height: 80vh; }
@@ -1908,7 +1914,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1908
1914
  .aura-bottomnav__item {
1909
1915
  box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
1910
1916
  width: 100%; height: var(--aura-bottomnav-height); padding: 0 2px; border: 0; background: transparent;
1911
- color: var(--aura-fg-secondary); font: inherit; font-size: 11px; font-weight: 500; line-height: 14px;
1917
+ color: var(--aura-fg-secondary); font: inherit; font-size: max(11px, .6875rem); font-weight: 500; line-height: max(14px, .875rem);
1912
1918
  text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
1913
1919
  }
1914
1920
  .aura-bottomnav__item:hover { color: var(--aura-fg-primary); }
@@ -1922,9 +1928,9 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1922
1928
  .aura-bottomnav__item.is-active .aura-bottomnav__icon { background: var(--aura-bg-selected); }
1923
1929
  .aura-bottomnav__label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1924
1930
  .aura-bottomnav__count {
1925
- position: absolute; top: -2px; left: calc(50% + 4px); min-width: 16px; height: 16px; box-sizing: border-box; padding: 0 4px;
1931
+ position: absolute; top: -2px; left: calc(50% + 4px); min-width: 16px; min-height: 16px; box-sizing: border-box; padding: 0 4px;
1926
1932
  border-radius: var(--aura-radius-full); background: var(--aura-bg-inverted); color: var(--aura-fg-inverted);
1927
- font-size: 10px; font-weight: 600; line-height: 16px; text-align: center; font-variant-numeric: tabular-nums;
1933
+ font-size: max(10px, .625rem); font-weight: 600; line-height: max(16px, 1rem); text-align: center; font-variant-numeric: tabular-nums;
1928
1934
  box-shadow: 0 0 0 2px var(--aura-bg-surface);
1929
1935
  }
1930
1936
  .aura-bottomnav__dot {
@@ -1961,7 +1967,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1961
1967
  }
1962
1968
  .aura-actionbar--container { bottom: 0; border-top: 1px solid var(--aura-border-default); }
1963
1969
  .aura-actionbar__inner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--aura-space-2) var(--aura-space-3); min-height: 60px; box-sizing: border-box; padding-block: var(--aura-space-2); padding-inline: var(--aura-space-4) var(--aura-space-3); }
1964
- .aura-actionbar__status { flex: 1 1 8rem; min-width: 0; font-size: 14px; color: var(--aura-fg-secondary); font-variant-numeric: tabular-nums; }
1970
+ .aura-actionbar__status { flex: 1 1 8rem; min-width: 0; font-size: max(14px, .875rem); color: var(--aura-fg-secondary); font-variant-numeric: tabular-nums; }
1965
1971
  .aura-actionbar__status:empty { flex-basis: 0; }
1966
1972
  /* 5.20: an empty status leaves the row (it would still take a gap and push the start slot away from its edge) but
1967
1973
  * stays in the page as a live region, so the next status is announced. */
@@ -1998,8 +2004,8 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
1998
2004
  linear-gradient(to left, var(--aura-scroll-shadow), transparent) right / 12px 100% no-repeat scroll,
1999
2005
  var(--aura-tbl-bg, var(--aura-bg-surface));
2000
2006
  }
2001
- .aura-tbl { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 13px; line-height: 20px; }
2002
- .aura-tbl__caption { caption-side: top; padding: var(--aura-space-4) var(--aura-space-6) var(--aura-space-3); text-align: left; font-size: 14px; font-weight: 600; }
2007
+ .aura-tbl { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: max(13px, .8125rem); line-height: max(20px, 1.25rem); }
2008
+ .aura-tbl__caption { caption-side: top; padding: var(--aura-space-4) var(--aura-space-6) var(--aura-space-3); text-align: left; font-size: max(14px, .875rem); font-weight: 600; }
2003
2009
  /* 5.30: from 640px a cell is at least 10ch wide, so the table never squeezes a column to one letter; a longer word (an
2004
2010
  * email, a URL) still breaks to fit instead of widening the table. Phones keep fitting the box: use stackBelow there. */
2005
2011
  .aura-tbl__th, .aura-tbl__td { padding: var(--aura-tbl-cell-py, var(--aura-space-3)) var(--aura-space-4); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
@@ -2008,14 +2014,14 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
2008
2014
  .aura-tbl__th:last-child, .aura-tbl__td:last-child { padding-right: var(--aura-space-6); }
2009
2015
  .aura-tbl__head .aura-tbl__th {
2010
2016
  background: var(--aura-table-head-bg); border-bottom: 1px solid var(--aura-border-default);
2011
- font-family: var(--font-mono); font-size: 12px; font-weight: 400; color: var(--aura-fg-secondary); white-space: nowrap;
2017
+ font-family: var(--font-mono); font-size: max(12px, .75rem); font-weight: 400; color: var(--aura-fg-secondary); white-space: nowrap;
2012
2018
  }
2013
2019
  .aura-tbl__body .aura-tbl__row + .aura-tbl__row > * { border-top: 1px solid var(--aura-border-default); }
2014
2020
  .aura-tbl__body .aura-tbl__th { font-weight: 500; }
2015
2021
  .aura-tbl__foot > .aura-tbl__row > * { background: var(--aura-table-head-bg); font-weight: 600; }
2016
2022
  .aura-tbl__foot > .aura-tbl__row:first-child > * { border-top: 2px solid var(--aura-border-default); }
2017
2023
  /* 5.30: with several totals rows (Subtotal, VAT, Total) the last one reads as the total. */
2018
- .aura-tbl__foot > .aura-tbl__row:last-child:not(:first-child) > * { font-size: 14px; font-weight: 700; }
2024
+ .aura-tbl__foot > .aura-tbl__row:last-child:not(:first-child) > * { font-size: max(14px, .875rem); font-weight: 700; }
2019
2025
  .aura-tbl__foot > .aura-tbl__row + .aura-tbl__row > * { border-top: 1px solid var(--aura-border-default); }
2020
2026
  .aura-tbl .is-end { text-align: right; }
2021
2027
  .aura-tbl .is-center { text-align: center; }
@@ -2064,18 +2070,18 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
2064
2070
  .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row + .aura-tbl__row, .aura-tbl--stack-md > .aura-tbl__foot > .aura-tbl__row:first-child { border-top: 1px solid var(--aura-border-default); }
2065
2071
  .aura-tbl--stack-md > * > .aura-tbl__row > .aura-tbl__th, .aura-tbl--stack-md > * > .aura-tbl__row > .aura-tbl__td { padding: 0; border-top: 0; background: none; text-align: start; white-space: normal; }
2066
2072
  .aura-tbl--stack-md > * > .aura-tbl__row > * + * { margin-top: var(--aura-space-2); }
2067
- .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row > .aura-tbl__th { font-size: 14px; font-weight: 600; }
2073
+ .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row > .aura-tbl__th { font-size: max(14px, .875rem); font-weight: 600; }
2068
2074
  /* 5.13 (Chamber-OS 84): a row with a title or action cell — title and action share the first line, fields two to a line under them. */
2069
2075
  .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: var(--aura-space-4); }
2070
2076
  .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row:has(> [data-card])::after { content: ''; order: 3; flex: 0 0 100%; }
2071
2077
  .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > * { order: 4; flex: 0 0 calc(50% - var(--aura-space-4) / 2); min-width: 0; margin-top: var(--aura-space-2); }
2072
2078
  .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card] { margin-top: 0; }
2073
- .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card='title'] { order: 1; flex: 1 1 0; font-size: 14px; font-weight: 600; }
2079
+ .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card='title'] { order: 1; flex: 1 1 0; font-size: max(14px, .875rem); font-weight: 600; }
2074
2080
  .aura-tbl--stack-md > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card='action'] { order: 2; flex: none; margin-inline-start: auto; }
2075
2081
  .aura-tbl-wrap.is-flush > .aura-tbl--stack-md > .aura-tbl__caption { padding-inline: var(--aura-space-4); }
2076
2082
  .aura-tbl--stack-md > * > .aura-tbl__row > .aura-tbl__td[data-label]::before {
2077
2083
  content: attr(data-label); content: attr(data-label) / '';
2078
- display: block; margin-bottom: 2px; font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 400; color: var(--aura-fg-secondary);
2084
+ display: block; margin-bottom: 2px; font-family: var(--font-mono); font-size: max(11px, .6875rem); line-height: max(16px, 1rem); font-weight: 400; color: var(--aura-fg-secondary);
2079
2085
  }
2080
2086
  /* 5.26: a bleeding list keeps its rows' text level with the Card's content (16px where it doesn't bleed). */
2081
2087
  .aura-card__body .aura-bleed.aura-bleed-frame > .aura-tbl--stack-md:not(.aura-tbl--cards) > * > .aura-tbl__row, .aura-card__body .aura-bleed > .aura-bleed-frame > .aura-tbl--stack-md:not(.aura-tbl--cards) > * > .aura-tbl__row { padding-inline: max(var(--aura-card-bleed), var(--aura-space-4) - var(--aura-card-bleed) * 1000); }
@@ -2088,18 +2094,18 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
2088
2094
  .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row + .aura-tbl__row, .aura-tbl--stack-sm > .aura-tbl__foot > .aura-tbl__row:first-child { border-top: 1px solid var(--aura-border-default); }
2089
2095
  .aura-tbl--stack-sm > * > .aura-tbl__row > .aura-tbl__th, .aura-tbl--stack-sm > * > .aura-tbl__row > .aura-tbl__td { padding: 0; border-top: 0; background: none; text-align: start; white-space: normal; }
2090
2096
  .aura-tbl--stack-sm > * > .aura-tbl__row > * + * { margin-top: var(--aura-space-2); }
2091
- .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row > .aura-tbl__th { font-size: 14px; font-weight: 600; }
2097
+ .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row > .aura-tbl__th { font-size: max(14px, .875rem); font-weight: 600; }
2092
2098
  /* 5.13 (Chamber-OS 84): a row with a title or action cell — title and action share the first line, fields two to a line under them. */
2093
2099
  .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: var(--aura-space-4); }
2094
2100
  .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row:has(> [data-card])::after { content: ''; order: 3; flex: 0 0 100%; }
2095
2101
  .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > * { order: 4; flex: 0 0 calc(50% - var(--aura-space-4) / 2); min-width: 0; margin-top: var(--aura-space-2); }
2096
2102
  .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card] { margin-top: 0; }
2097
- .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card='title'] { order: 1; flex: 1 1 0; font-size: 14px; font-weight: 600; }
2103
+ .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card='title'] { order: 1; flex: 1 1 0; font-size: max(14px, .875rem); font-weight: 600; }
2098
2104
  .aura-tbl--stack-sm > .aura-tbl__body > .aura-tbl__row:has(> [data-card]) > [data-card='action'] { order: 2; flex: none; margin-inline-start: auto; }
2099
2105
  .aura-tbl-wrap.is-flush > .aura-tbl--stack-sm > .aura-tbl__caption { padding-inline: var(--aura-space-4); }
2100
2106
  .aura-tbl--stack-sm > * > .aura-tbl__row > .aura-tbl__td[data-label]::before {
2101
2107
  content: attr(data-label); content: attr(data-label) / '';
2102
- display: block; margin-bottom: 2px; font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 400; color: var(--aura-fg-secondary);
2108
+ display: block; margin-bottom: 2px; font-family: var(--font-mono); font-size: max(11px, .6875rem); line-height: max(16px, 1rem); font-weight: 400; color: var(--aura-fg-secondary);
2103
2109
  }
2104
2110
  /* 5.26: a bleeding list keeps its rows' text level with the Card's content (16px where it doesn't bleed). */
2105
2111
  .aura-card__body .aura-bleed.aura-bleed-frame > .aura-tbl--stack-sm:not(.aura-tbl--cards) > * > .aura-tbl__row, .aura-card__body .aura-bleed > .aura-bleed-frame > .aura-tbl--stack-sm:not(.aura-tbl--cards) > * > .aura-tbl__row { padding-inline: max(var(--aura-card-bleed), var(--aura-space-4) - var(--aura-card-bleed) * 1000); }
@@ -2162,7 +2168,7 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
2162
2168
  .aura-table__picker { display: none; }
2163
2169
  .aura-table__head {
2164
2170
  position: static; height: auto; min-width: 0; padding: 0 0 var(--aura-space-3); border: 0; background: none;
2165
- font-family: var(--font-sans); font-size: 13px;
2171
+ font-family: var(--font-sans); font-size: max(13px, .8125rem);
2166
2172
  }
2167
2173
  .aura-table__head > .aura-table__th {
2168
2174
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
@@ -2202,16 +2208,16 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
2202
2208
  .aura-table__td[data-label]::before {
2203
2209
  content: attr(data-label); content: attr(data-label) / '';
2204
2210
  display: block; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: start;
2205
- font-family: var(--font-mono); font-size: 11px; line-height: normal; font-weight: 400; color: var(--aura-fg-secondary);
2211
+ font-family: var(--font-mono); font-size: max(11px, .6875rem); line-height: normal; font-weight: 400; color: var(--aura-fg-secondary);
2206
2212
  }
2207
2213
  .aura-table__td[data-card='title'], .aura-table__td[data-card='pill'], .aura-table__td[data-card='actions'] { align-self: center; margin-bottom: 0; }
2208
- .aura-table__td[data-card='title'] { order: 1; flex: 1 1 0; font-size: 14px; font-weight: 600; }
2214
+ .aura-table__td[data-card='title'] { order: 1; flex: 1 1 0; font-size: max(14px, .875rem); font-weight: 600; }
2209
2215
  .aura-table__td[data-card='pill'] { order: 2; flex: none; }
2210
2216
  .aura-table__td[data-card='actions'] { order: 3; flex: none; margin: calc(-1 * var(--aura-space-1)) calc(-1 * var(--aura-space-2)) calc(-1 * var(--aura-space-1)) 0; }
2211
2217
  /* 5.22 (Chamber-OS 119): the title wraps rather than being cut — a member's full name before a one-click action —
2212
2218
  * and the row box and the pill line up with its first line (a 20px line; the 16px box 2px down). */
2213
- .aura-table__td[data-card='title'] { white-space: normal; overflow-wrap: anywhere; overflow: visible; line-height: 20px; align-self: flex-start; }
2214
- .aura-table__td[data-card='pill'] { align-self: flex-start; line-height: 20px; }
2219
+ .aura-table__td[data-card='title'] { white-space: normal; overflow-wrap: anywhere; overflow: visible; line-height: max(20px, 1.25rem); align-self: flex-start; }
2220
+ .aura-table__td[data-card='pill'] { align-self: flex-start; line-height: max(20px, 1.25rem); }
2215
2221
  .aura-table__row > .aura-table__sel { align-self: flex-start; margin-top: 2px; }
2216
2222
  /* Actions top-right sit on that first line too (a 32px button centred on 20px, the same 24px footprint as before). */
2217
2223
  .aura-table__td[data-card='actions'] { align-self: flex-start; margin-top: calc(-1 * var(--aura-space-1) - 2px); margin-bottom: -2px; }
@@ -2273,18 +2279,18 @@ button.aura-stepper__step:hover .aura-stepper__label { text-decoration: underlin
2273
2279
 
2274
2280
  /* 5.30: Thai needs more room than Latin — tone marks and vowels stack above and below the line. Where the page or a
2275
2281
  * part of it is Thai (lang="th"), small labels are at least 12px and lines are taller. */
2276
- .aura-pill:lang(th), .aura-badge:lang(th), .aura-tab__count:lang(th) { font-size: 12px; }
2277
- .aura-pill:lang(th) { line-height: 18px; }
2282
+ .aura-pill:lang(th), .aura-badge:lang(th), .aura-tab__count:lang(th) { font-size: max(12px, .75rem); }
2283
+ .aura-pill:lang(th) { line-height: max(18px, 1.125rem); }
2278
2284
  .aura-skel--pill:lang(th) { height: 22px; } /* the loading pill stays as tall as the Thai one */
2279
- .aura-bottomnav__item:lang(th) { font-size: 12px; line-height: 18px; }
2280
- .aura-stepper__desc:lang(th) { font-size: 13px; line-height: 1.6; }
2281
- .aura-nav__label:lang(th) { line-height: 22px; }
2285
+ .aura-bottomnav__item:lang(th) { font-size: max(12px, .75rem); line-height: max(18px, 1.125rem); }
2286
+ .aura-stepper__desc:lang(th) { font-size: max(13px, .8125rem); line-height: 1.6; }
2287
+ .aura-nav__label:lang(th) { line-height: max(22px, 1.375rem); }
2282
2288
  /* 5.30 (audit D): field labels, hints and errors and choice descriptions get Thai line room; a stacked card's field
2283
2289
  * labels are 12px in the sans face (the mono face has no Thai), and a stacked DataTable card's values sit on a set
2284
2290
  * 1.6 line, so a loading card (its bars follow 1lh) is as tall as one with Thai text. */
2285
2291
  .aura-field__label:lang(th), .aura-field__hint:lang(th), .aura-field__error:lang(th), .aura-field__addon:lang(th) { line-height: 1.6; }
2286
- .aura-choice__desc:lang(th), .aura-check__desc:lang(th) { font-size: 13px; line-height: 1.6; }
2287
- .aura-tbl__row > .aura-tbl__td[data-label]:lang(th)::before, .aura-table__td[data-label]:lang(th)::before { font-family: var(--font-sans); font-size: 12px; line-height: 18px; }
2292
+ .aura-choice__desc:lang(th), .aura-check__desc:lang(th) { font-size: max(13px, .8125rem); line-height: 1.6; }
2293
+ .aura-tbl__row > .aura-tbl__td[data-label]:lang(th)::before, .aura-table__td[data-label]:lang(th)::before { font-family: var(--font-sans); font-size: max(12px, .75rem); line-height: max(18px, 1.125rem); }
2288
2294
  .aura-table--stacked .aura-table__td[data-label]:lang(th) { line-height: 1.6; }
2289
2295
 
2290
2296
  /* 5.30: a plain link (no class) inside AURA's surfaces takes the accent colour instead of the browser's blue. Zero