/* * R6 Pricing Dashboard widget styles. * * Strategy: * - Reuse the portal theme's KPI widget chrome via the * .widget.basic-kpi class — the red `.top-section` styling * comes free from portal-child/css/styles.css. * - Override the theme's 36px .kpi-value (designed for big single * numbers) so location names fit at a readable size. * - Provide a fallback red header for contexts without the portal * theme (preview server, other themes). * - Body styling scoped under .r6-pricing-kpi so nothing leaks * into actual KPI widgets sharing .basic-kpi. * * Price colour palette matches the admin dashboard: * - red #b91c1c — competitor undercutting customer * - green #15803d — competitor priced higher than customer * - blue #2563eb — promo / discount lines */ /* ---------- Collapsible details / summary ----------------------- */ /* * The card body lives inside a
element so the whole tile * can collapse / expand by clicking the red header. Native HTML * mechanism — no JS required, works back to Safari 6 / Chrome 12 / * Firefox 49. */ .r6-pricing-kpi__details > summary { cursor: pointer; list-style: none; /* hide the default disclosure marker */ position: relative; } .r6-pricing-kpi__details > summary::-webkit-details-marker { display: none; /* the -webkit variant of the same */ } /* Print button — sits in the header right side, to the LEFT of * the refresh button. Visible to all visitors (the underlying * print route is signed-URL-gated, not session-gated). Same visual * style as the refresh button so they read as a paired toolbar. * * It's an element (the refresh button is a