/* Address Book demo app — measured on win2k-pro_window_address-book.png (client origin (4, 23)). */
.wab { --wab-split: 172px; position: relative; flex: 1; }
.wab > * { position: absolute; }
.wab > .wab__menu { left: 0; top: -1px; right: 0; }
/* The toolbar in an etched rectangle (as Phone Dialer's), 44px from client y 19. */
.wab > .wab__toolbar { left: 0; right: 0; top: 19px; height: 44px; --toolbar-image-top: 4px; --toolbar-text-top: 26px; }
/* The panes: the tree in a client edge 1px in, the find row and the list on the right. */
/* Sizing the window: the tree takes the height, the list the height and width (knowledge). The gap after the tree is
   the splitter (--metric-splitter-size: 2px as every divider, TODO X-eqrc — Windows: 4px); --wab-split is its left edge,
   and dragging it moves everything right of it (remembered). */
.wab > .wab__tree { left: 1px; top: 69px; width: calc(var(--wab-split) - 1px); bottom: 22px; box-sizing: border-box; }
.wab > .wab__splitter { position: absolute; left: var(--wab-split); top: 66px; bottom: 22px; }
.wab__find-label { left: calc(var(--wab-split) + var(--metric-splitter-size)); top: 68px; white-space: pre; }
.wab > .wab__find { left: calc(var(--wab-split) + var(--metric-splitter-size) + 205px); top: 66px; width: 202px; height: 20px; }
.wab > .wab__list { left: calc(var(--wab-split) + var(--metric-splitter-size)); top: 89px; right: 0; bottom: 21px; box-sizing: border-box; }
.wab__list .w2k-header__item:first-child { overflow: visible; }
.wab__sort { position: absolute; left: 49px; top: 5px; }
.wab > .wab__status { left: 0; right: 0; bottom: 0; }