/* Phone Dialer demo app — measured on win2k-pro_window_phone-dialer.png (client origin (4, 23)). */
.pd { position: relative; flex: 1; }
.pd > * { position: absolute; }
.pd > .pd__menu { left: 0; top: -1px; right: 0; }
/* The toolbar in an etched rectangle (MFC's control bar border). */
.pd > .pd__toolbar { left: 0; right: 0; top: 19px; height: 43px; --toolbar-image-top: 5px; --toolbar-text-top: 23px; --toolbar-dropdown-top: 11px; }
/* The access key stays underlined in the toolbar text (measured on Hide Calls). */
.pd__acc { position: relative; }
.pd__acc::after { content: ""; position: absolute; left: 0; top: 12px; width: 7px; height: 1px; background: currentColor; }   /* allow: the toolbar text's access key, measured */
.w2k-toolbar__button:disabled .pd__acc::after { box-shadow: 1px 1px var(--sys-btn-hilight); }   /* allow: the access key embossed */
.pd__toolbar > .pd__sep { position: absolute; top: 6px; height: 31px; }
/* The view: a client edge; the tree, a raised splitter bar between black lines, the list. */
.pd > .pd__view { left: 0; right: 0; top: 62px; bottom: 18px; --client-edge-padding: 0; }
.pd__view > * { position: absolute; }
.pd__view > .pd__tree { left: 2px; top: 2px; bottom: 2px; width: 237px; }
.pd__splitter { left: 239px; top: 2px; bottom: 2px; width: 6px; box-sizing: border-box; border-left: 1px solid var(--color-splitter-line); border-right: 1px solid var(--color-splitter-line); background: var(--color-surface); box-shadow: inset -1px -1px var(--sys-btn-shadow), inset 1px 1px var(--sys-btn-hilight); }   /* allow: Phone Dialer's own splitter (measured) */
.pd__view > .pd__list { left: 245px; right: 2px; top: 2px; bottom: 2px; }
.pd__message { z-index: 1; left: 245px; top: 25px; }
.pd > .pd__status { left: 0; right: 0; bottom: 0; }