/* --------------------------------------------------------------- data bar
 * templates/ui/data_bar.html (WEB-TAB-16, DAT-BAL). One geometry for head,
 * bar and value: the bar area takes the free width, the value zone is as
 * wide as its longest value and ends at one right edge (DAT-BAL-02 to -04).
 * Bars square, silver (color.data.single.bar), the one discussed row corum
 * (DAT-BAL-09); a zero keeps its row with no bar (DAT-BAL-08). The table
 * carries the four rule roles of every portal table (WEB-TAB-02). */
@layer ui {
.data-bars { width: 100%; }
.data-bars tbody th[scope="row"] { text-align: left; font-weight: 300; color: var(--text-primary); padding-right: var(--s-4);
  border-bottom: 1px solid var(--rule-fine); vertical-align: middle; }
.data-bars tbody tr:last-child th[scope="row"] { border-bottom-color: var(--rule-strong); }
.data-bars__plot { width: 50%; }
.data-bars tbody .data-bars__plot { vertical-align: middle; }
.data-bars__value { width: 1%; white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums;
  padding-left: var(--s-5); }
.data-bars tbody td { padding-top: var(--s-2); padding-bottom: var(--s-2); vertical-align: middle; }
.data-bar { display: block; width: var(--w, 0); max-width: 100%; height: 8px; background: var(--silver); }
.data-bar--highlight { background: var(--corum); }
/* Signed shares (DAT-BAL-10, DAT-SKA-10): one zero line in graphite
 * (color.data.axis) at the share --w of the bar area, the negative side
 * left of it, the positive right, both on the table's one scale. Both
 * sides silver: a short position is no statement and carries no direction
 * colour (DAT-SKA-06, ENT-106). The inner bars carry their own --w. */
.data-bar-signed { display: flex; width: 100%; }
.data-bar-signed__neg, .data-bar-signed__pos { padding: var(--s-1) 0; }
.data-bar-signed__neg { flex: 0 0 var(--w, 0); display: flex; justify-content: flex-end; }
.data-bar-signed__pos { flex: 1 1 auto; border-left: 1px solid var(--graphite); }
.data-bar-signed .data-bar { flex: none; }
}  /* @layer ui */