/* Demo-only adjustments for the customer module (hand-written, not generated). Keep empty unless a
   difference against the real app cannot be fixed by matching its DOM / widget options. */

/* shell.css gives .pui PortalUI's normalize line-height (1.15); CustomerUI_V2 loads no normalize.css. */
.pui.pui--customer { line-height: normal; }

/* app.component.html projects <div id="root"> into sidebar-navigation; the demo shell's own #root
   (shell.css: #root { display: flex }) must not style it. */
.pui--customer #root { display: block; }

/* CustomerUI_V2's index.html loads Inter 400-600 only, so its bold text (h1, h3, toast titles: 700/900)
   renders with the 600 face. The demo's index.html also loads Inter 700 - map them back to 600. */
.pui--customer h1, .pui--customer h3.members__title, .pui--customer .or-label, .pui--customer b, .pui--customer strong, .ngx-toastr .toast-title { font-weight: 600; }

/* assets/portalui/global.css gives every .dx-overlay-wrapper PortalUI's 1.15 line-height; CustomerUI keeps the
   theme's 1.35715. body.pui-customer-active is set while a Customer page is shown (overlays live in <body>). */
body.pui-customer-active .dx-overlay-wrapper { line-height: 1.35715; }

/* ngx-toastr's .overlay-container sits in <body>: CustomerUI's body has normal line-height (the demo's is 1.5). */
body > .overlay-container { line-height: normal; color: #000; }