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

/* @fortawesome/fontawesome-svg-core injects this into <head> at runtime in PPEUI_V2 (<fa-icon> edit pens) */
.svg-inline--fa { box-sizing: content-box; display: var(--fa-display, inline-block); height: 1em; overflow: visible; vertical-align: -0.125em; width: var(--fa-width, 1.25em); }

/* assets/inventory/components.css carries InventoryUI_V2's global `::ng-deep main { padding: 2em }`, which
   would leak into PPE's <main> elements here (it is not loaded in the real PPEUI_V2) */
.pui--pricing main { padding: 0; box-sizing: content-box; }

/* AnalysisUI_V2 / InventoryUI_V2 global (::ng-deep) rules in their generated components.css leak into
   every page of the demo; put the Retalia theme values back for PPE pages */
.pui--pricing .dx-tag-container { padding-left: 0 !important; }
.pui--pricing .dx-tag-container .dx-tag-content { background-color: #ddd !important; color: #333 !important; border-radius: 2px !important; margin-top: 4px !important; }
.pui--pricing .dx-datagrid-headers { position: relative !important; top: 0; z-index: auto; }

/* src/shell.css gives .pui PortalUI's normalize line-height (1.15); PPEUI_V2 has no normalize.css */
.pui--pricing { line-height: normal; }