{"product_id":"paces-premium-theme-for-dolibarr-erp-crm","title":"Paces Premium Theme for Dolibarr ERP\/CRM","description":"\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e1. Executive Summary\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces is a premium theme-module for Dolibarr ERP\/CRM published by DoliResources. It replaces the visual layer of a Dolibarr installation — navigation rail, top bar, dashboard, login page, cards, tables, forms and charts — without altering a single Dolibarr core file. Everything Paces changes is delivered through the officially supported extension points: the module_parts declaration for CSS and JavaScript, the documented MAIN_MENU_*_FORCED menu-manager mechanism, and the main, all, toprightmenu and searchform hooks. An installation that runs Paces can be returned to the stock appearance by disabling the module.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe module is distributed as module_paces-1.0.zip. Its technical name is theme_paces, it installs into the custom\/paces folder, its descriptor class is modPaces, its module numero is 10000520, and every configuration constant it writes is prefixed PACES_. It targets Dolibarr 16 through 21 and later, and was developed and tested on Dolibarr 17.0.3 with PHP 7.0 or newer.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces ships five complete visual demos rather than a single skin with a colour picker bolted on. Each demo is a coherent set of decisions — rail colour, canvas colour, card surface, primary colour, the two donut colours and their track, the sales curve colour, the corner radius and the login treatment — sampled pixel by pixel from the reference mockups. The five demos are Paces Dark Sidebar, Paces Light Sidebar, Paces Lavender, Paces Floating Dark and Paces Clean Blue. An administrator selects one from a visual picker; a per-request preview parameter allows a demo to be evaluated before it is committed.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe five demos are defined once, in core\/paces_presets.php. That file is a pure library with no side effects, and it is included by the dynamic stylesheet, the JavaScript file, the dashboard, the sidebar renderer and the setup page. Because the stylesheet defaults and the configuration-screen defaults are literally the same PHP array, the two cannot drift apart — a class of bug that is otherwise very difficult to detect, because the theme continues to render and only the values are wrong.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces also provides a commerce dashboard in which every block is backed by a real Dolibarr table: orders from llx_commande, revenue from llx_facture, top-selling products aggregated from llx_facturedet. There is no sample data and no decorative chart. The engineering rules that govern those blocks — empty populations reported as \"n\/a\" rather than zero, direction separated from desirability in trend indicators, NULL stock treated as \"not stock-managed\" rather than \"out of stock\" — are described in detail in this document, because they are the difference between a dashboard that informs and one that misleads.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e2. Theme Overview\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eA Dolibarr theme-module is a standard module whose purpose is presentation. Paces follows that pattern exactly. Its descriptor, modPaces, declares the module in the module list, registers its stylesheet and script through module_parts, registers its hook contexts, and on activation sets the menu-manager constants so that Dolibarr renders Paces' own navigation. On deactivation it reverses those changes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe visible surface of Paces consists of five parts. The navigation rail on the left is 250 px wide and is built from Dolibarr's own menu tree. The top bar is 64 px high and carries the global search, the module launcher, the dark-mode switch and the user menu. The content canvas holds the page itself. The dashboard at index.php is a commerce overview. The login page is themed to match whichever demo is active.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces is deliberately not a wrapper around a third-party admin template. The HTML that Dolibarr emits is left in place; Paces styles it. This matters for third-party modules: a module that prints a standard Dolibarr list, a standard card or a standard form is styled by Paces without any awareness of Paces, and a module that prints something unusual degrades to readable default styling rather than breaking.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe module is configured entirely from its own setup page under Home, Setup, Modules. There is no external service, no build step, no package manager, and no asset pipeline to run. The stylesheet is a PHP file that reads the stored constants and emits CSS custom properties, so a configuration change takes effect on the next page load.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eCommercial name: Paces. Technical name: theme_paces. Folder: custom\/paces.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDescriptor class: modPaces. Module numero: 10000520.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eConfiguration constants: all prefixed PACES_.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDistribution: module_paces-1.0.zip, version 1.0, dated 2026-07-20.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003ePlatform: Dolibarr 16 to 21 and later, PHP 7.0 or newer.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eLanguages: en_US, fr_FR, es_ES, it_IT, de_DE, nl_NL, pt_BR.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e3. Design Objectives\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe first objective is that the theme must never lie. A dashboard is read quickly and trusted implicitly; a figure that is wrong in a subtle way is worse than no figure at all. Paces therefore treats correctness of displayed data as a design requirement, not an implementation detail. A ratio with an empty denominator reports \"n\/a\". A trend arrow that points up is coloured according to whether the movement is good, not according to its direction. A donut whose segments are all zero renders as an empty state, not as a ring of stray dots.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe second objective is that the theme must not take the installation hostage. Dolibarr deployments accumulate modules, and a theme that hardcodes menu labels, assumes a fixed set of modules or overwrites shared configuration makes every later change harder. Paces renders its rail from the native menu tree, so enabled modules, user permissions and third-party menu hooks all continue to work, and on disable it clears the shared menu-manager constant only if that constant still points at Paces' own menu manager.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe third objective is that the five demos must be genuinely different, and genuinely finished. It is easy to ship one design and four hue rotations. Paces instead varies the structural decisions between demos: Light Sidebar uses one colour for the rail and the canvas so that only white cards lift off the surface, Floating Dark detaches the rail and top bar from the window edges as rounded cards, Clean Blue uses hairline separators and a monochrome-blue donut with a lighter tint of the primary as its own counter-colour.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe fourth objective is configurability without incoherence. The setup page exposes a large number of options — palettes, layout, sidebar mode, header mode, KPI style, typography, cards, animations, menu behaviour and dashboard behaviour — but every one of them defaults to the value \"preset\", meaning \"whatever the selected demo says\". An administrator who changes nothing gets the demo exactly as designed; an administrator who changes one thing changes exactly that one thing.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe fifth objective is that the theme must remain a theme. Paces does not create business objects, does not add database tables of its own, and does not intercept business logic. Its dashboard reads; it does not write. This keeps the upgrade path simple and keeps the blast radius of a theme bug confined to presentation.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e4. UI\/UX Philosophy\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces is built around a small number of surfaces. In each demo there is a rail surface, a canvas surface, a card surface and a set of accent colours, and every element in the interface belongs to one of them. This is why the demos read as coherent designs rather than colour schemes: the Lavender demo, for example, tints the card surface to #F7F2FA against a #FEFBFF canvas, so cards are distinguished by tone rather than by shadow, and the whole interface stays quiet.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eHierarchy is expressed by surface and spacing before it is expressed by colour. Paces uses saturated colour sparingly — primarily for the primary action, the active navigation item, and the data marks in charts. Status information uses badges with restrained fills. The result is that the coloured elements on a page are, almost always, the ones the user is meant to act on or read.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eMotion is functional. Transitions exist to explain a state change — a rail collapsing, a drawer opening, a tab switching — and are short. The prefers-reduced-motion media query is honoured, and when it is set the transitions are removed rather than merely shortened. Animations can also be disabled outright, or slowed down, from the configuration screen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDensity is a user-level decision rather than a designer-level one. Dolibarr users range from a single owner-operator checking three figures a day to a back office living in list screens for eight hours. Paces exposes card density, card padding, card gap, base font size, menu font size and line height so that both can be accommodated, and it exposes them as preferences that a user can set for themselves without changing the installation default.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFinally, the interface is designed to survive real data. Long third-party names, product references that are not human-readable, months with no activity, and lists with a single row all occur constantly in production. Charts are cut at the month actually elapsed rather than drawn across a full year of implied zeroes; grid children carry min-width:0 so that a wide chart cannot force the page to scroll sideways; and empty panels are visually distinct from failed ones.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e5. Paces Dark Sidebar Demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces Dark Sidebar is the default demo and the most conventional of the five. A dark navigation rail in #1E1F26 runs the full height of the window against a white top bar, and the content canvas is a very light neutral, #F6F7FB. The contrast between the rail and everything else makes the navigation permanently locatable without needing a border or a shadow to separate it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe primary colour is #396CC3, a mid-weight blue that is legible as a button fill with white text and equally legible as a 2 px active marker on the dark rail. It is also the leading arc of the commercial performance donut, which means that the dominant colour of the dashboard's largest chart is the same colour as the dominant action on the page — the chart reads as part of the interface rather than as an imported graphic.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe donut's counter-colour is #F0C26A, a warm sand tone that separates cleanly from the blue at small arc widths and does not read as an error state. The unfilled track is #EEEFF3, chosen to be visible against the white card but never to compete with the arcs. The sales curve uses #7971E7, a violet that is distinct from both donut colours so that a reader scanning the dashboard does not associate the two charts with each other.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCorner radius is 12 px throughout — cards, buttons, inputs and badges — which is soft enough to feel current without turning small controls into pills. The login page uses the dark canvas treatment, so the transition from the login screen to the application is continuous.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003ePaces Dark Sidebar — sampled palette and geometry\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eRole\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eValue\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eWhere it is applied\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eNavigation rail\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#1E1F26\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eRail background, flush with the window edge\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eTop bar\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#FFFFFF\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eFull-width bar, 64 px high, above the content canvas\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eContent canvas\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#F6F7FB\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003ePage background behind the cards\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePrimary\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#396CC3\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eButtons, active menu markers, links, KPI emphasis\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDonut arc 1\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#396CC3\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eLeading status arc of the commercial performance donut\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDonut arc 2\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#F0C26A\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCounter-colour arc of the same donut\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDonut track\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#EEEFF3\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eUnfilled ring behind the arcs\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSales curve\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#7971E7\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eArea chart stroke and gradient fill in the sales report\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eCorner radius\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e12 px\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eCards, buttons, inputs, badges\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 9; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eLogin treatment\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDark canvas\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eLogin page background family\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThis demo is the recommended starting point for installations that will be used for long sessions in ordinary office lighting. The dark rail reduces the amount of bright surface in the periphery of the user's vision while keeping the working area light, which is where the actual reading happens.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e6. Paces Light Sidebar Demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces Light Sidebar is the quietest of the five demos and the one whose structure differs most from a conventional admin template. The rail and the content canvas are the same colour, #F1F1F5. There is no tonal boundary between navigation and content at all.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThis is deliberate. Because the rail and the canvas are identical, the only elements that lift off the background are the white cards. The effect is that the page reads as a set of documents laid on a desk rather than as a chrome-and-content split, and the eye goes to the content first and the navigation second.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe primary colour is #49579E, a deep indigo-leaning blue that has enough weight to be visible as an active marker against the light rail. The donut pairs it with #F3AE56, a warm amber. The sales curve departs from both with #E35942, a red-orange that is the strongest colour anywhere in this demo and is reserved for the single line the dashboard most wants to be read.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCorner radius is 12 px, matching the Dark Sidebar demo. The login page is a centred card on the same flat field, which keeps the demo's central idea — one background, floating white surfaces — consistent from the first screen a user sees.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003ePaces Light Sidebar — sampled palette and geometry\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eRole\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eValue\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eWhere it is applied\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eNavigation rail\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#F1F1F5\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eRail background, identical to the canvas\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eContent canvas\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#F1F1F5\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ePage background, identical to the rail\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eCards\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#FFFFFF\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eThe only lifted surface in the layout\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePrimary\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#49579E\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eButtons, active menu markers, links, KPI emphasis\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDonut arc 1\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#49579E\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eLeading status arc\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDonut arc 2\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#F3AE56\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCounter-colour arc\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eSales curve\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#E35942\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eArea chart stroke and gradient fill\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCorner radius\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e12 px\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCards, buttons, inputs, badges\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eLogin treatment\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eCentred\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eLogin card centred on a plain field\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBecause this demo depends on the card surface being the only lifted element, it is the demo most affected by turning card shadows off in the configuration screen. Administrators who prefer a completely flat interface should consider enabling card borders at the same time, so that cards remain delimited.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e7. Paces Lavender Demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces Lavender is a tinted, low-contrast demo. The rail is #EDE6F0, the canvas is #FEFBFF — a white with a faint warm cast rather than a pure white — and the cards are #F7F2FA, a light lilac. No surface in this demo is pure white or pure grey.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe primary colour is #64519F, a violet that sits naturally within the tinted family rather than being imposed on it. The donut pairs it with #EA9235, an orange that provides the only strong warm accent in the design, and runs both arcs on an #E1DAEC track that is itself tinted so the unfilled portion of the ring does not read as a grey hole in a coloured card.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe sales curve uses #6E6480, a muted plum-grey. This is the most restrained sales curve of the five demos, and it is chosen so that the sales report reads as a background trend while the KPI figures above it carry the emphasis.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe corner radius is 14 px, slightly softer than the Dark and Light Sidebar demos, and the KPI cards use the tinted style by default rather than plain white tiles. Together these give the demo a distinctly softer silhouette.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003ePaces Lavender — sampled palette and geometry\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eRole\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eValue\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eWhere it is applied\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eNavigation rail\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#EDE6F0\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eRail background\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eContent canvas\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#FEFBFF\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ePage background\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eCards\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#F7F2FA\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eCard surface, tinted rather than white\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePrimary\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#64519F\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eButtons, active menu markers, links, KPI emphasis\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDonut arc 1\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#64519F\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eLeading status arc\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDonut arc 2\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#EA9235\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCounter-colour arc\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDonut track\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#E1DAEC\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eUnfilled ring behind the arcs\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSales curve\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#6E6480\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eArea chart stroke and gradient fill\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eCorner radius\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e14 px\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eCards, buttons, inputs, badges\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 9; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eKPI cards\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eTinted\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eKPI tiles carry a tint rather than a plain white fill\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eLavender is the demo with the smallest tonal range, which makes it comfortable to read for long periods but also makes it the most sensitive to accessibility settings. Administrators deploying this demo should verify text contrast after any custom colour change, since the margin between the card surface and the body text colour is smaller here than in the other four.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e8. Paces Floating Dark Demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces Floating Dark is the only demo that changes the page geometry rather than only its colours. The navigation rail and the top bar detach from the window edges by a 16 px gap and are rendered as rounded floating cards, so the canvas colour is visible around all four sides of the shell.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe rail is #1F2E48, a desaturated navy that is lighter and cooler than the near-black rail of the Dark Sidebar demo — necessary, because a floating panel with a hard shadow needs to read as an object on a surface rather than as a hole cut into it. The canvas is #F3F6FB, a cool near-white that supports that reading.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe primary colour is #3472F6, the most saturated blue of the five demos, paired in the donut with #F0953F. The sales curve is #765CEF, a violet close in family to the Dark Sidebar demo's curve but brighter, to hold its own against the higher-contrast surroundings.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe corner radius is 14 px and applies to the floating shells as well as to cards, buttons, inputs and badges, so the rail, the top bar and the content cards all share one silhouette. The login page uses the floating treatment, presenting the login card with the same geometry as the shell the user is about to enter.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003ePaces Floating Dark — sampled palette and geometry\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eRole\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eValue\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eWhere it is applied\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eNavigation rail\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#1F2E48\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eDetached rounded card, 16 px from the window edges\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eTop bar\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDetached\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eRounded floating card, 16 px gap, 64 px high\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eContent canvas\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#F3F6FB\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003ePage background visible in the gap around the rail\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePrimary\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#3472F6\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eButtons, active menu markers, links, KPI emphasis\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDonut arc 1\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#3472F6\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eLeading status arc\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDonut arc 2\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#F0953F\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCounter-colour arc\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eSales curve\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#765CEF\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eArea chart stroke and gradient fill\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCorner radius\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e14 px\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCards, buttons, inputs, badges, floating shells\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eLogin treatment\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eFloating\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eLogin card echoes the floating shell geometry\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe 16 px gap is a measured value, not a nominal one, and it is applied on all four sides. On narrow viewports the floating geometry is dropped in favour of the standard mobile drawer, because a floating rail on a small screen consumes horizontal space that the content needs.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e9. Paces Clean Blue Demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces Clean Blue is the most minimal of the five demos. The rail is pure white, #FFFFFF, against an #F7F8FA canvas, and the separation between them is a hairline rule rather than a shadow or a tonal step. Section dividers inside cards use the same hairline treatment.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe primary colour is #476BF6. What distinguishes this demo is that the donut does not introduce a second hue at all: its counter-colour is #859AF8, a lighter tint of the primary. The result is a monochrome-blue donut in which the arcs are distinguished by lightness rather than by hue, which keeps the chart from becoming the loudest element on an otherwise very quiet page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe sales curve is the exception. It uses #58BB81, a green that is the only non-blue colour of any weight in the demo, so the sales report is unambiguously the focal chart. Badges are rendered in pale blue fills, consistent with the monochrome approach.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe corner radius is 10 px, the tightest of the five, which suits the hairline-and-flat-surface treatment: softer corners would make the thin rules look imprecise. The login page is correspondingly minimal.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003ePaces Clean Blue — sampled palette and geometry\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eRole\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eValue\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eWhere it is applied\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eNavigation rail\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#FFFFFF\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eWhite rail separated by hairline rules only\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eContent canvas\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#F7F8FA\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ePage background\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003ePrimary\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#476BF6\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eButtons, active menu markers, links, KPI emphasis\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDonut arc 1\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#476BF6\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eLeading status arc\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDonut arc 2\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003e#859AF8\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eCounter-colour arc, a lighter tint of the primary\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSales curve\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e#58BB81\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eArea chart stroke and gradient fill\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eBadges\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003ePale blue\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eStatus and stock badges\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eCorner radius\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e10 px\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eCards, buttons, inputs, badges\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eLogin treatment\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eMinimal\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eLogin card on a plain near-white field\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eClean Blue is the demo best suited to installations that will be extended with many third-party modules, because its low chromatic commitment means that a third-party screen rendering in default Dolibarr styling looks less out of place than it would against the Lavender or Floating Dark demos.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e10. Dashboard Features\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe Paces dashboard replaces the Dolibarr home page with a commerce overview at index.php. Every block on it is backed by a real Dolibarr table. Orders come from llx_commande, revenue from llx_facture, and the top-selling products list is aggregated from llx_facturedet. Nothing on the dashboard is sample data, and no block is drawn if its underlying query cannot be satisfied.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe page opens with a greeting card carrying the current date and a live clock. The clock is seeded from the server's time rather than from the browser's, so a workstation with a misconfigured clock does not display a time that disagrees with the timestamps Dolibarr writes. Below it sit the KPI tiles: Orders, Revenue and Growth. Revenue can be configured to be computed excluding or including tax (HT or TTC), and abandoned invoices can be included or excluded.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe Growth tile compares the revenue of the current period against the immediately preceding one. It is presented with a trend chip rather than a bare percentage, and the chip follows the rule described in section 16: the arrow indicates direction, the colour indicates whether that direction is desirable. When there is no previous period to compare against, the tile reports \"n\/a\" instead of an artificial 100 %.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe Commercial performance block is a donut of orders by status, with the total shown in the centre. The centre total is the sum of the arcs actually drawn, so it can never disagree with the chart around it. The Weekly activity block is a dumbbell plot: for each weekday it shows the lowest and the highest daily order count observed over the last twelve weeks, which makes the spread of a weekday visible in a way an average would hide.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe Sales report block offers Today, Monthly and Annual tabs and draws an area chart of the current year against the previous one. The current-year series is cut at the month actually elapsed, so the chart does not draw a collapse to zero for months that have not happened yet. Below it, Top selling products is aggregated from invoice lines over twelve months and carries stock badges. Import and Export buttons are present but are gated on the user's real Dolibarr rights and are not rendered to a user who does not hold them.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eGreeting card with current date and a server-seeded live clock.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOrders KPI from llx_commande.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eRevenue KPI from llx_facture, HT or TTC, abandoned invoices optionally included.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eGrowth KPI comparing the current period to the previous one.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eCommercial performance donut: orders by status, centre total equal to the sum of the arcs.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eWeekly activity dumbbell: per-weekday lowest and highest daily order count over 12 weeks.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eSales report: Today \/ Monthly \/ Annual tabs, current year against previous, cut at the elapsed month.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eTop selling products from llx_facturedet over 12 months, with stock badges.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eImport and Export actions gated on the user's Dolibarr rights.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e11. KPI Cards\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eA KPI card in Paces carries four things: a label, a value, an optional trend chip and an optional icon. The value is the largest type on the card and is the only element guaranteed to be present; everything else is suppressed when it would not be meaningful. A card whose metric has no comparison period shows no trend chip at all rather than showing an empty or zero one.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFive KPI styles are available: preset, plain, tinted, minimal, solid and spark. Preset defers to the active demo — the Lavender demo, for example, selects tinted by default. Plain renders a white card with the value in the text colour. Tinted applies a wash derived from the accent colour. Minimal removes the card surface entirely and leaves the figures on the canvas. Solid fills the card with the accent colour and inverts the type. Spark adds a small inline trend line beneath the value.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe trend chip is the part of the KPI card that most often goes wrong in dashboards, and Paces treats it as two independent decisions. The arrow reflects the direction of the movement. The colour reflects whether that movement is desirable for the metric in question. A rising unpaid balance is a rising number with an up arrow, and it is coloured as a negative, because the metric is one where increases are bad. Conflating the two produces green up-arrows on numbers that ought to alarm the reader.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eNumbers are formatted through Dolibarr's own formatting helpers so that decimal separators, thousands separators and currency symbols follow the installation's configuration rather than the theme's assumptions. Very large values are not silently abbreviated, because an abbreviation that drops significant digits from a financial figure is a defect; where space is short the card wraps or reduces its type size instead.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eWhere a KPI is a ratio, the empty-population rule applies without exception. If the denominator is zero the card shows \"n\/a\". This is a substantive choice: a conversion rate over zero opportunities displayed as 0 % reads as total failure, when the truth is that nothing has been decided yet.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e12. Sidebar Features\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe Paces navigation rail is 250 px wide and is rendered by core\/menus\/standard\/paces.lib.php together with paces_menu.php. It does not maintain its own list of menu entries. Instead it calls Dolibarr's native menu functions — print_eldy_menu and print_left_eldy_menu — in no-output mode and renders the resulting tree itself.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe consequence is that the rail is always correct by construction. Every enabled module appears; every disabled module does not. Permissions are applied because Dolibarr applied them when building the tree. Third-party modules that inject menu entries through the standard hooks appear in the rail without any awareness of Paces. No label is hardcoded anywhere in the theme, so translations come from the modules that own them. On the test bench, 179 menu entries were rendered from the live tree.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe rail supports eleven modes: preset, dark, light, lavender, white, floating, fixed, mini, compact, large and coloured. Preset defers to the active demo. Mini collapses the rail to icons only; compact and large adjust the entry height and font size; floating detaches the rail from the window edges as in the Floating Dark demo; coloured applies the accent colour to the rail surface.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBehavioural options are configured separately from appearance. The rail width can be changed, it can start folded, it can expand on hover while folded, it can carry an in-menu search field, and it can show favourites and recently visited entries. On narrow viewports the rail becomes an overlay drawer, opened from the top bar and dismissed by the backdrop or by the Escape key.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e250 px default width, configurable.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eRendered from Dolibarr's native menu tree — modules, permissions and menu hooks all respected.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eEleven rail modes including mini, floating, compact, large and coloured.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOptional start-folded with hover-expand.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOptional in-rail search, favourites and recents.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eMobile drawer with backdrop and Escape-to-close.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e13. Topbar Features\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe top bar is 64 px high and is injected by js\/paces.js.php into the page Dolibarr renders, working alongside the toprightmenu hook. It carries, from left to right, the rail toggle, the global search field, and on the right the module launcher, the dark-mode switch and the user menu.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe rail toggle collapses the rail to its mini state on desktop and opens the drawer on mobile. The state is remembered, so a user who prefers a collapsed rail does not have to collapse it on every page. The toggle is a real button with an ARIA label, not an icon glyph bound to a click handler, so it is reachable by keyboard and announced by assistive technology.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe module launcher presents the enabled modules as a grid, drawn from the same native menu tree as the rail. It is intended for the case where a user knows which module they want but not where in the menu hierarchy it sits. Like the rail, it contains no hardcoded module list.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe dark-mode switch toggles the dark surface family described in section 21. Its state can default to on, or follow the operating system setting, according to configuration. The user menu carries the standard Dolibarr identity actions.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe top bar itself has nine modes: preset, light, dark, floating, transparent, gradient, coloured, compact and static. Floating detaches it from the window edges; transparent lets the canvas show through; static removes the sticky positioning for users who prefer the bar to scroll away with the page.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e14. Global Search\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eGlobal search is provided by search.php and by the searchform hook. The search field sits in the top bar and is available from every page of the application. It is a standard form element, focusable by keyboard and labelled for assistive technology.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBecause the search integrates through the documented searchform hook rather than replacing Dolibarr's search, modules that extend Dolibarr's search behaviour continue to work. Paces styles the search field and its results presentation; it does not take ownership of what is searched.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eResults are presented grouped by object type, with the most directly identifying field of each object shown first — a reference for a document, a name for a third party. Where an object has a status, the status badge is shown alongside it, using the same badge styling as the rest of the theme so that a status means the same thing visually wherever it appears.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAn empty result set is presented as an explicit empty state naming the term that was searched, rather than as a blank panel. This is the same principle applied throughout the theme: the absence of results and the failure to retrieve results must not look alike.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e15. Widgets\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces uses the term widget for the self-contained blocks that make up the dashboard: the greeting card, the KPI tiles, the donut, the dumbbell plot, the sales report and the top-products list. Each is rendered independently and each handles its own empty and error states, so a failure in one does not blank the page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eEvery widget follows the same contract. It queries its data, and if the query fails it logs through dol_syslog and returns an empty set. It then decides between three presentations: data, empty, or unavailable. The distinction between the last two matters — an empty state says the query succeeded and there is nothing to show, an unavailable state says the data could not be retrieved. Collapsing them would let a broken query masquerade as a quiet week.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eWidgets are laid out on a CSS grid. Every grid child carries min-width:0. Without it, a child containing a wide element — most often a chart or a table — refuses to shrink below its content width and forces the entire page to scroll horizontally, a failure that only appears at certain viewport widths and is easy to miss in development.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe standard Dolibarr home-page boxes can be hidden from the configuration screen for installations that want the Paces dashboard alone, or left visible for installations that rely on them. Hiding them does not disable them; the boxes remain configured and reappear if the option is turned off or the module is disabled.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e16. Charts and Data Visualization\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCharts in Paces are inline SVG generated server-side. There is no charting library, no client-side rendering framework and no external asset request. The consequence is that charts appear with the first paint, are present in the page source, and cannot fail because a third-party script did not load. The trade-off, stated plainly in section 38, is that there is no zoom, brush or drill-down interaction.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe commercial performance donut is drawn from orders by status. Segments whose value is zero are skipped entirely rather than drawn with a zero-length arc — with a round line cap, a zero-length arc still paints a visible dot at its start angle, producing stray marks on the ring that a reader will interpret as data. The centre total is computed as the sum of the arcs that were actually drawn, which makes it structurally impossible for the label to disagree with the chart.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe draft slice is explicitly prevented from taking the same colour as the donut's track. If it did, a ring consisting entirely of draft orders would render as a full ring in the track colour, which is indistinguishable from an empty ring — a chart showing a hundred percent of something would read as showing nothing.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe sales report area chart plots the current year against the previous one. The current-year series stops at the month actually elapsed. Drawing it across all twelve months would append a run of zeroes for months that have not occurred, which renders as a cliff and reads as a collapse in sales. The previous-year series is drawn in full, because it is complete.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe weekly activity dumbbell shows, for each weekday, the lowest and the highest daily order count over the preceding twelve weeks, connected by a bar. This preserves the spread. A weekday averaging twelve orders because it alternates between two and twenty-two is operationally very different from one that averages twelve because it is always twelve, and a bar chart of averages hides that distinction completely.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eChart colours are taken from the active demo and can be overridden individually. Any configured colour is validated against a strict hexadecimal pattern before it reaches a CSS declaration, so a malformed or hostile value cannot escape into the stylesheet.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e17. Tables and Lists\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDolibarr list screens are the most heavily used part of the application, and Paces styles them rather than replacing them. The markup Dolibarr emits — the filter row, the sortable headers, the pagination, the mass-action controls — is left intact, so every list in every module benefits, including lists from third-party modules the theme has never seen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe styling work concentrates on legibility at density. Row separators are hairlines rather than full-weight rules. The header row is given a distinct surface so it survives scrolling. Numeric columns are right-aligned and set in tabular figures where the font stack supports them, so that digits align vertically down a column of amounts.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eStatus columns are rendered as badges using the same badge vocabulary as the rest of the theme. Pale-fill badges are used in the Clean Blue demo and tinted fills elsewhere, but the mapping from status to visual weight is constant, so a user learns it once.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eWide tables scroll within their own container rather than forcing the page to scroll. This is the table-specific application of the min-width:0 rule described in section 15, and it is the difference between a wide list being awkward and a wide list breaking the layout of every other block on the page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eSorting, filtering, pagination and mass actions remain Dolibarr's. Paces adds no client-side table behaviour, which means list state is server state and a bookmarked or shared list URL reproduces exactly the list the sender was looking at.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e18. Forms\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eForm controls are restyled to match the active demo: inputs, selects, textareas, checkboxes, radios and file fields all take the demo's corner radius, border treatment and focus colour. As with lists, the underlying markup is Dolibarr's, so validation, mandatory-field marking and module-specific field types continue to behave as they always did.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFocus is treated as a functional requirement rather than a decoration. Custom-styled controls in web interfaces routinely lose their focus ring as a side effect of resetting default browser styling; Paces restores a visible focus indicator on every control it restyles, including checkboxes, radios, switches and icon-only buttons. Without it the interface is unusable by keyboard, which is how a substantial part of any back office actually works.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eError and help text is styled consistently and positioned beneath the field it describes. Danger colouring is reserved for genuine error states and is not used for emphasis elsewhere, so a red element in a form always means the same thing.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eButtons follow a small hierarchy: one primary action per form, secondary actions in a subdued treatment, and destructive actions in the danger colour. Icon-only buttons carry ARIA labels, because an icon without an accessible name is an unlabelled control regardless of how recognisable the glyph is.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e19. Login Pages\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe login page is themed by js\/paces.js.php together with the theme stylesheet, and each demo specifies its own login treatment. Dark Sidebar uses a dark canvas, Light Sidebar a centred card, Floating Dark a floating card echoing the shell geometry, Clean Blue a minimal presentation, and Lavender the tinted family used throughout that demo.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe reason each demo carries its own login treatment is continuity. The login screen is the first thing a user sees, and if it belongs to a different visual language than the application behind it the transition is jarring and, in a multi-tenant or multi-environment deployment, genuinely confusing about which system has been reached.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe login form itself is Dolibarr's. Paces does not intercept credentials, does not alter the authentication flow, and does not add fields. Two-factor prompts, password-reset links, and alternative authentication modules render inside the themed page without modification.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBecause the login page is rendered before a user session exists, any dashboard or user-dependent behaviour is necessarily absent there. Code that depends on the authenticated user is not executed on the login page, which is deliberate: a block built on user context that is included under a no-login page never displays and, worse, can fail silently.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e20. Responsive Design\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces is responsive across three broad regimes. On wide viewports the rail is expanded at 250 px and the dashboard grid runs at its full column count. On intermediate viewports the rail collapses to its mini state and the grid reduces its columns. On narrow viewports the rail becomes an overlay drawer opened from the top bar, and the dashboard blocks stack into a single column.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe floating geometry of the Floating Dark demo is dropped below the mobile breakpoint. A 16 px gap on each side of a rail is a design flourish on a 1440 px screen and a waste of 32 px of usable width on a 375 px one, so on small screens the drawer occupies the full available width.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCharts scale with their container because they are inline SVG with a viewBox rather than fixed-size raster images. Tables scroll within their own container. Both behaviours depend on the min-width:0 rule applied to grid children, without which a wide child prevents its column from shrinking and the page itself begins to scroll sideways.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eTouch targets on interactive controls are sized so that they remain usable without a pointer, and hover-dependent behaviour — most notably the rail's hover-expand option — is not the only route to any function. Every action reachable by hover is also reachable by tap or by keyboard.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e21. Dark Mode\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDark mode in Paces is a distinct surface family, not a filter applied to the light theme. Simply darkening or inverting light-mode colours produces surfaces that are muddy, borders that disappear, and shadows that are invisible because a shadow on a dark background does not read. Paces instead defines dark equivalents for the rail, canvas, card, border and text roles, and re-derives the elevation cues from surface lightness rather than from shadow.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eChart colours are adjusted for the dark surface family rather than reused unchanged. A colour that is legible as a 2 px stroke on a near-white canvas is frequently too dark on a dark one, and a fill that reads as a soft tint on white reads as a smear on a dark card.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe mode is toggled from the top bar. It can be configured to default to on, and it can be configured to follow the operating system's preference, in which case a user who switches their desktop to dark in the evening gets a dark Dolibarr without doing anything. An explicit toggle by the user takes precedence over the system preference for that user.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDark mode applies to the login page as well as to the application, so the continuity described in section 19 holds in both modes.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e22. Theme Configuration\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eConfiguration is handled by admin\/setup.php. The page opens with the demo picker: five miniature previews, each painted in its own demo's palette rather than in a generic wireframe, so the choice is made by looking at the designs rather than by reading their names.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eEvery option other than the demo itself offers the value \"preset\", which means \"use whatever the active demo specifies\". This is what keeps a large option set coherent. An administrator who selects Lavender and saves gets Lavender exactly as designed, including its tinted KPI cards and its 14 px radius, without setting fourteen individual options. An administrator who then sets the KPI style to solid changes precisely that.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBecause the defaults shown on this page and the defaults compiled into the stylesheet are both read from core\/paces_presets.php, they cannot disagree. This eliminates the failure mode in which the configuration screen reports one value while the rendered page uses another — a bug that produces no error and is normally found only by measuring pixels.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eSettings can be exported to JSON and imported from JSON, which makes it practical to configure a theme on a staging installation and move the result to production, or to keep a house configuration under version control. A reset action restores the demo defaults. Save operations can be scoped globally for the entity or to the current user alone.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003eConfiguration options exposed by admin\/setup.php\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eGroup\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eOption\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eValues\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDemo\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eActive demo\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eDark Sidebar, Light Sidebar, Lavender, Floating Dark, Clean Blue — chosen from a visual picker of five miniature previews\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePalette\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ePalette preset\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003epreset, Paces Blue, Midnight, Lavender, Indigo, Cyan, Green, Orange, Red, Pink, Custom\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003ePalette\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eIndividual colours\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eprimary, accent, success, danger, warning, chart, sales; plus an optional gradient\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eLayout\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eLayout mode\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003epreset, wide, boxed, fluid, floating, compact, comfortable\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eSidebar\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSidebar mode\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003epreset, dark, light, lavender, white, floating, fixed, mini, compact, large, coloured\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eHeader\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eHeader mode\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003epreset, light, dark, floating, transparent, gradient, coloured, compact, static\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eKPI\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eKPI style\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003epreset, plain, tinted, minimal, solid, spark\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eTypography\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eFonts and metrics\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003e6 font stacks, base size, menu size, heading weight, line height, optional web-font loading\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eCards\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eCard treatment\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eradius, padding, gap, header style, density, shadows on\/off, borders on\/off\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 9;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eAnimations\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eMotion\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eon\/off, speed, hover effects\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 10;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eMenu\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eMenu behaviour\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003ewidth, start folded, hover-expand, menu search, favourites, recents\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 11;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDashboard\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDashboard data\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eturnover HT or TTC, include abandoned invoices, hide core Dolibarr boxes\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 12;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eDark mode\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eDark mode\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003edefault on\/off, follow system preference\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 13;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eMaintenance\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSettings management\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eJSON export, JSON import, reset to defaults\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 14; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eScope\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSave scope\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003esave globally for the entity, or for the current user only\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAll colour values entered on this page are validated. Colours must match a strict hexadecimal pattern, and free-text CSS values are checked against a character whitelist before they are allowed into a declaration. A value that does not validate is rejected rather than written, so the stylesheet cannot be corrupted by input from the configuration screen.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e23. User Preferences\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces preferences exist at two levels. A global preference is stored per Dolibarr entity and applies to every user of that entity. A user preference is stored against an individual user. Where both exist, the user preference wins. This is the ordinary and expected precedence, and it means an administrator can set a house style without preventing individuals from adapting it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe practical value of the user level is density and mode. Base font size, menu font size, line height, card density, rail folded state and dark mode are all preferences where the correct value depends on the person and their hardware rather than on the organisation. A user working on a small laptop and a user on a 27-inch display do not want the same density, and neither is wrong.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe save-for-current-user-only action on the setup page writes the whole current form to the user level. A user who later wants to return to the house configuration clears their user-level values and falls back to the global ones.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePreferences that affect data rather than presentation — whether revenue is computed HT or TTC, whether abandoned invoices are included — are meaningful at the global level, because two users looking at the same dashboard and reading different revenue figures is a support problem rather than a personalisation feature.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e24. Accessibility\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAccessibility work in Paces concentrates on the failures that restyling typically introduces. The most common of these is the loss of the focus indicator: resetting a control's default appearance removes the browser's focus ring along with everything else, and if nothing replaces it the control becomes invisible to keyboard users. Paces restores a visible focus ring on every custom control it styles.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe second is the icon-only button. A button containing only a glyph has no accessible name, and a screen reader announces it as an unlabelled button regardless of how obvious the icon is to a sighted user. Every icon-only control in Paces — the rail toggle, the dark-mode switch, the module launcher, chart controls — carries an ARIA label.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe third is motion. The prefers-reduced-motion media query is honoured, and where it is set transitions and animations are removed rather than shortened. This matters for users with vestibular conditions, for whom a short animation is not meaningfully better than a long one.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eColour is not used as the sole carrier of meaning. Status badges carry text as well as fill. Trend chips carry an arrow as well as a colour. A chart series is distinguishable by position and label and not only by hue, which also covers the monochrome-blue donut of the Clean Blue demo, where the arcs differ by lightness rather than by colour.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eContrast is checked for the default palettes of all five demos. Administrators who apply custom colours are responsible for the contrast of the result, and the Lavender demo in particular has the least tonal headroom, as noted in section 7.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e25. Performance Optimization\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces does not load any external asset. There is no CDN request, no external font by default, no charting library and no client-side framework. Optional web-font loading is available from the configuration screen and is off unless enabled, so an installation that does not want an external request does not make one.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe stylesheet is a single dynamic PHP file, css\/paces.css.php, that emits CSS custom properties derived from the stored configuration. The variation between demos and between configurations is expressed in variable values rather than in alternative rule sets, which keeps the emitted CSS to one stylesheet regardless of which demo is active.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCharts are server-rendered inline SVG. They are part of the HTML document, so they impose no additional request, no parse-and-execute cost for a library, and no layout shift when a script finishes initialising. They are also visible in the page source, which makes them straightforward to debug.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDashboard aggregates are computed by SQL rather than by fetching rows and summing them in PHP. Queries are constrained to the periods actually displayed — twelve months for the product ranking, twelve weeks for the weekly activity plot, the current and previous year for the sales report — rather than scanning full tables. The honest limitation, stated in section 38, is that these are live reads against production tables, and on very large installations that cost is real.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe JavaScript file is small and does a bounded set of things: dark mode, rail collapse, the mobile drawer, top-bar injection, the module launcher and login theming. It does not manage application state and does not re-render the page.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e26. Security Considerations\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces writes CSS derived from stored configuration, which means configuration values reach a rendering context and must be validated. Colour values are checked against a strict hexadecimal pattern. Free-text CSS values are checked against a character whitelist. A value that fails validation is not written into a declaration.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe theme performs no authentication and no authorisation of its own. It reads the authenticated Dolibarr user and applies that user's existing rights. The Import and Export actions on the dashboard are gated on the user's real Dolibarr permissions, so they are not rendered to a user who does not hold them, and the underlying Dolibarr pages enforce the same rights independently.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDashboard queries are read-only. Paces does not insert, update or delete business data anywhere. Its only writes are to Dolibarr's configuration tables, made from the setup page by a user with the rights to be there.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eOutput is escaped through Dolibarr's own helpers. This matters most in the rail and the module launcher, which render labels originating from third-party modules, and in the search results, which render user-supplied search terms and business data.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eOn disable, the shared MAIN_MENU_*_FORCED constant is cleared only if it still points at Paces' own menu manager. If another theme has taken ownership of the menu manager in the meantime, Paces leaves it alone. Unconditionally clearing a shared constant on uninstall is a common and destructive pattern: it silently wipes the configuration of whichever theme is actually in use.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e27. Dolibarr Integration\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces modifies no Dolibarr core file. Its entire integration surface consists of four documented mechanisms, and each is used for one purpose.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003emodule_parts declares css\/paces.css.php and js\/paces.js.php so Dolibarr emits them on every page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eThe MAIN_MENU_*_FORCED constants direct Dolibarr to Paces' menu manager, which renders the rail.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eThe hooks main and all provide the general page-level integration points.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eThe hook toprightmenu integrates the top-bar right-hand controls; searchform integrates the global search.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe menu manager is the most consequential of these, and it is used in the least invasive way possible. Rather than defining a menu, Paces asks Dolibarr for its own menu tree through print_eldy_menu and print_left_eldy_menu with output suppressed, and then renders that tree. Everything Dolibarr's menu system does — module visibility, permission filtering, third-party menu hooks, translation — happens before Paces sees the data.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eHook usage is similarly conservative. The hooks are used to inject the theme's own chrome, not to alter the behaviour of the pages they run on. A hook that returns without modifying the page's output leaves the page exactly as Dolibarr rendered it, which is what happens on every screen the theme does not specifically restyle.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBecause the integration is confined to these four mechanisms, the disable path is simple: clear the menu-manager constant if and only if it still points at Paces, and stop emitting the stylesheet and script. There is no data to migrate and no core file to restore.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e28. Dolibarr Compatibility\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces targets Dolibarr 16 through 21 and later. Development and testing were carried out on Dolibarr 17.0.3. The mechanisms the theme relies on — module_parts, the menu-manager constants, and the main, all, toprightmenu and searchform hooks — are stable across this range, which is why the supported range is as wide as it is.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003eDolibarr version compatibility\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eDolibarr version\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eStatus\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eNotes\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003e16.x\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eMinimum supported release\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e17.0.3\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eReference\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDevelopment and test platform for version 1.0\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003e17.x\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e18.x\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003e19.x\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e20.x\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003e21.x and later\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eRelies only on documented extension points\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e15.x and earlier\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eNot supported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eOutside the targeted range\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003ePHP compatibility\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePHP version\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eStatus\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eNotes\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003e7.0 – 7.4\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eMinimum supported branch is 7.0\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e8.0 – 8.3\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eNo deprecated constructs relied upon\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThird-party module compatibility follows from the integration design. Because the rail is rendered from the native menu tree, a third-party module that registers menu entries appears in the rail without modification. Because list, card and form markup is styled rather than replaced, a third-party module that emits standard Dolibarr markup is styled automatically. A module that emits highly custom markup falls back to readable default styling.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eOne compatibility constraint is structural and cannot be worked around: Dolibarr has a single active menu manager, so only one theme-module can own the rail at a time. Paces must be the active menu handler to render its navigation. This is discussed further in section 38.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e29. Browser Compatibility\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces relies on CSS custom properties, CSS grid, flexbox and inline SVG. These are baseline features in every current browser engine, and they are the reason the theme requires no build step and no polyfill.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003eBrowser support\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eBrowser\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSupport\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eNotes\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eGoogle Chrome (current)\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003ePrimary development target\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eMicrosoft Edge (current)\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eChromium-based\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eMozilla Firefox (current)\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eSafari (current, macOS)\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eSafari (current, iOS)\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eMobile drawer layout\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eChrome \/ Firefox on Android\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eSupported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eMobile drawer layout\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eInternet Explorer 11\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eNot supported\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"208\" valign=\"top\" style=\"width: 156.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eNo CSS custom property support\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eJavaScript use is limited and degrades predictably. If scripting is unavailable, the stylesheet still applies, the rail still renders because it is server-rendered HTML, and the pages remain usable; what is lost is the dark-mode toggle, the rail collapse, the mobile drawer and the module launcher.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePrinting is styled: the rail, the top bar and interactive controls are suppressed and the content canvas is rendered on a white background regardless of the active demo or of dark mode.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e30. Technical Architecture\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe architecture of Paces has one organising idea: a single source of truth for the demos. core\/paces_presets.php is a pure library — it defines data and functions, has no side effects, and produces no output. It is included by the stylesheet, by the JavaScript file, by the dashboard, by the sidebar renderer and by the setup page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThis means that when the stylesheet asks for the Lavender donut track colour and when the setup page asks for the Lavender donut track colour, they read the same array element. There is no second copy to keep in step. Drift between a stylesheet's compiled defaults and a configuration screen's displayed defaults is a bug that produces no error, breaks no test, and is normally discovered only when someone measures the rendered pixels against the configuration screen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe dynamic stylesheet css\/paces.css.php resolves the active demo and the stored configuration into a set of CSS custom properties and emits them at the top of the stylesheet. Every rule downstream refers to variables. Switching demos therefore changes variable values rather than swapping rule sets.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ejs\/paces.js.php has a bounded remit: dark mode, rail collapse, mobile drawer, top-bar injection, the module launcher and login theming. class\/actions_paces.class.php implements the hook handlers. class\/paces_demo.class.php encapsulates demo resolution, including the session-remembered preview. core\/menus\/standard\/paces.lib.php and paces_menu.php render the rail from the native tree.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe demo preview deserves specific explanation. A per-request preview is requested with ?pacesdemo=\u0026lt;key\u0026gt;, and the requested demo is remembered in the session. Remembering it is not a convenience but a necessity: Dolibarr emits the module stylesheet URL with a fixed parameter set and offers no supported way to append a custom parameter to it. A preview implemented purely through the query string would therefore repaint the HTML while the stylesheet continued to serve the stored demo, producing a half-switched page. Storing the requested demo in the session lets the stylesheet request — which carries no custom parameter — resolve to the same demo as the page request. ?pacesdemo=reset clears the stored preview.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e31. Folder Structure\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces installs into custom\/paces. The layout follows the standard Dolibarr module conventions, so an administrator familiar with any other Dolibarr module will find each file where they expect it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\" style=\"margin: 6.0pt 0cm 4.0pt 0cm;\"\u003e\u003cb style=\"mso-bidi-font-weight: normal;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; line-height: 115%; color: #555a66;\"\u003eFiles and directories under custom\/paces\u003c\/span\u003e\u003c\/b\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ctable class=\"MsoTableLightGridAccent1\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse; border: none; mso-border-alt: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; mso-yfti-tbllook: 1184; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"mso-yfti-irow: -1; mso-yfti-firstrow: yes; mso-yfti-lastfirstrow: yes;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 5; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ePath\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; border-left: none; border-bottom: solid #4F81BD 2.25pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 1; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eRole\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 0;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003ecore\/modules\/modPaces.class.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eModule descriptor: declaration, module_parts, hooks, activation and disable logic\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 1;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecore\/paces_presets.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003ePure library. Single source of truth for the five demos; included by the CSS, the JS, the dashboard, the sidebar renderer and the setup page\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 2;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003ecore\/menus\/standard\/paces.lib.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eRail renderer, built from Dolibarr's native menu tree\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 3;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ecore\/menus\/standard\/paces_menu.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eMenu-manager entry point registered through MAIN_MENU_*_FORCED\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 4;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003ecss\/paces.css.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eDynamic stylesheet emitting CSS custom properties from the active demo and configuration\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 5;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003ejs\/paces.js.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eDark mode, rail collapse, mobile drawer, top-bar injection, module launcher, login theming\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 6;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eindex.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eCommerce dashboard\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 7;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eadmin\/setup.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eConfiguration screen including the five-preview demo picker\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 8;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003esearch.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eGlobal search results page\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 9;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003eclass\/actions_paces.class.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eHook handlers for main, all, toprightmenu and searchform\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 10;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 68; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi; color: black; mso-color-alt: windowtext;\"\u003eclass\/paces_demo.class.php\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; background: #D3DFEE; mso-background-themecolor: accent1; mso-background-themetint: 63; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 64; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; color: black; mso-color-alt: windowtext;\"\u003eDemo resolution, including the session-remembered ?pacesdemo= preview\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"mso-yfti-irow: 11; mso-yfti-lastrow: yes;\"\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border: solid #4F81BD 1.0pt; mso-border-themecolor: accent1; border-top: none; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 132; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003elangs\/\u003c\/span\u003e\u003c\/b\u003e\u003cb\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: major-bidi;\"\u003e\u003c\/span\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd width=\"312\" valign=\"top\" style=\"width: 234.0pt; border-top: none; border-left: none; border-bottom: solid #4F81BD 1.0pt; mso-border-bottom-themecolor: accent1; border-right: solid #4F81BD 1.0pt; mso-border-right-themecolor: accent1; mso-border-top-alt: solid #4F81BD 1.0pt; mso-border-top-themecolor: accent1; mso-border-left-alt: solid #4F81BD 1.0pt; mso-border-left-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt;\"\u003e\n\u003cp class=\"MsoNormal\" style=\"line-height: normal; mso-yfti-cnfc: 128; margin: 2.0pt 0cm 2.0pt 0cm;\"\u003e\u003cspan lang=\"EN-US\" style=\"font-size: 9.5pt; mso-bidi-font-size: 11.0pt;\"\u003eTranslations in 7 languages, approximately 360 keys, all prefixed Paces\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"MsoNormal\" style=\"margin-bottom: 6.0pt;\"\u003e\u003cspan lang=\"EN-US\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThere are no database tables. Paces stores its configuration in Dolibarr's existing constant and user-parameter storage, using keys prefixed PACES_, and creates nothing else. This is why uninstalling leaves nothing behind beyond those constants.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe absence of a build directory is intentional. Every file shipped in module_paces-1.0.zip is the file that runs. There is no compilation step between the source and the deployed asset, so a support investigation can read exactly what is executing on the customer's server.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e32. Installation Guide\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces installs like any other Dolibarr module, from the module deployment screen or by extracting the archive on the server.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e1.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eLog in to Dolibarr as an administrator.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e2.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eGo to Home, Setup, Modules\/Applications, and open the Deploy\/install external app\/module tab.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e3.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eUpload module_paces-1.0.zip. Alternatively, extract the archive into the custom directory of the Dolibarr installation so that the theme resides in custom\/paces.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e4.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eEnsure the web server user can read the deployed files.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e5.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eReturn to the module list, locate Paces, and enable it. Activation registers the stylesheet and script through module_parts, registers the hooks, and sets the menu-manager constants.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e6.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eReload any open page. The rail, the top bar and the theme styling appear immediately.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e7.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOpen the Paces setup page and choose a demo from the visual picker.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e8.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOptionally adjust palette, layout, sidebar, header, KPI, typography, card, animation, menu and dashboard options. Every option defaults to preset, meaning the demo's own value.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e9.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e     \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eSave globally for the entity, or for the current user only.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eIf Dolibarr's external module deployment is disabled on the installation, extraction on the server is the supported route; this is a Dolibarr configuration setting, not a Paces requirement.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eIf the rail does not appear after activation, the most likely cause is that another theme-module holds the menu manager. Dolibarr supports a single active menu manager, so Paces must be the active menu handler to render its navigation. Disabling the other theme-module and re-enabling Paces resolves it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe demo preview parameter is useful before committing to a demo: append ?pacesdemo=\u0026lt;key\u0026gt; to any page URL to preview a demo for the current session, and ?pacesdemo=reset to return to the stored configuration.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e33. Upgrade Guide\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eUpgrading Paces follows the standard Dolibarr module upgrade path: deploy the new archive over the existing installation and reload. Configuration is stored in Dolibarr's constant and user-parameter storage under keys prefixed PACES_, and is not touched by redeploying the files.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e10.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e  \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eTake a backup of the Dolibarr database and of the custom\/paces directory.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e11.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e  \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDeploy the new module_paces archive through the module deployment screen, or extract it over custom\/paces on the server.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e12.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e  \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eReload the module list and confirm the reported version.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e13.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e  \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOpen the Paces setup page and confirm that the active demo and the configured options are as expected.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListNumberCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l0 level1 lfo2; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"mso-bidi-font-family: Calibri;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e14.\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e  \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eClear the browser cache if the stylesheet appears stale, since the stylesheet is served as a normal asset request.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eExporting the configuration to JSON before an upgrade is recommended practice, not because an upgrade is expected to lose it, but because a JSON export is the fastest way to restore a known-good configuration if anything else on the installation changes at the same time.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eWhen upgrading Dolibarr itself rather than Paces, the theme requires no action. Because it depends only on documented extension points and modifies no core file, a Dolibarr upgrade does not overwrite anything belonging to Paces and does not need the theme to be disabled first.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eIf a Dolibarr upgrade resets the menu manager, re-enabling Paces, or re-saving its setup page, restores the rail.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e34. Customization Guide\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eMost customisation is configuration and requires no code. The setup page exposes colour, layout, sidebar, header, KPI, typography, card, animation, menu, dashboard and dark-mode options, all of which default to the active demo's value and can be changed individually.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe recommended approach is to start from the demo closest to the intended result and change as little as possible. Because every option defaults to preset, an unchanged option continues to track the demo, which means a demo that is later refined still improves the installation. Options that have been explicitly set stop tracking the demo, which is why setting all of them is rarely a good idea.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFor brand colours, use the Custom palette and set the individual primary, accent, success, danger, warning, chart and sales colours. All values are validated against a strict hexadecimal pattern before they reach a CSS declaration. After applying custom colours, check text contrast, particularly on the Lavender demo, whose tonal range is the narrowest.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFor deeper customisation, the theme is plain PHP and CSS with no build step, so css\/paces.css.php can be read and understood directly. The important convention is that the file emits CSS custom properties near the top and refers to them everywhere below; a customisation expressed as a variable override is far more likely to survive an upgrade than one expressed as an overriding rule.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ecore\/paces_presets.php is the place a sixth demo would be defined, since every consumer of demo data reads from it. Modifications to shipped files are, as always, overwritten on upgrade, so any such change should be kept under version control and reapplied deliberately.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e35. Translation System\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces ships translations in seven languages: en_US, fr_FR, es_ES, it_IT, de_DE, nl_NL and pt_BR. The language files hold approximately 360 keys and live in the langs directory following the standard Dolibarr layout.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eEvery key is prefixed Paces. This is not a stylistic convention but a defence against a specific and difficult failure. Dolibarr loads language files from all enabled modules into a shared translation space, so a generic key defined by two modules resolves to whichever was loaded last. A theme that defines a key named, for example, Status or Total will at some point render another module's wording, on a page that reports no error and looks entirely normal.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePrefixing eliminates the collision in both directions: Paces cannot be overridden by another module's generic key, and Paces cannot silently change the wording of another module's screen.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eNo menu label is translated by Paces. The rail is rendered from Dolibarr's native menu tree, so each entry carries the translation supplied by the module that owns it. A third-party module in a language Paces does not ship still displays its own labels correctly, and adding a language to Dolibarr does not require anything from Paces for menus to follow.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAdding a language means copying the en_US directory to the new locale code and translating the values. Because keys are prefixed and self-descriptive, and because there are no menu labels among them, the translatable surface is limited to the theme's own screens: the setup page, the dashboard block titles, the search results page and the empty states.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e36. Screenshots Description\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe reference screenshots supplied with Paces document each demo in the state an administrator will see immediately after selecting it, with no options changed from preset. Each demo is shown in three views: the dashboard, an ordinary list screen and the login page.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe dashboard view shows the greeting card with the date and clock, the Orders, Revenue and Growth KPI tiles, the Commercial performance donut with its centre total, the Weekly activity dumbbell plot, the Sales report with its Today, Monthly and Annual tabs, and the Top selling products list with stock badges. In each demo the chart colours are the demo's own: the #396CC3 and #F0C26A donut with the #7971E7 sales curve in Dark Sidebar, the monochrome #476BF6 and #859AF8 donut with the #58BB81 curve in Clean Blue.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe list view shows the theme applied to standard Dolibarr markup: the filter row, sortable headers, status badges, pagination and mass-action controls, all unchanged in behaviour and restyled in appearance. It is included specifically to show that the theme covers the screens users spend most of their time in, not only the dashboard.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe login view shows each demo's login treatment — the dark canvas of Dark Sidebar, the centred card of Light Sidebar, the floating card of Floating Dark, the minimal presentation of Clean Blue, the tinted family of Lavender — and demonstrates the visual continuity between the login screen and the application.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAdditional screenshots cover the configuration screen with its five-preview demo picker, the rail in its expanded and mini states, the mobile drawer, the module launcher and dark mode. The floating geometry of the Floating Dark demo is shown at desktop width, where the 16 px gap on all four sides is visible, and at mobile width, where the floating shell gives way to the drawer.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e37. Advantages\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces makes no change to Dolibarr core. Its entire footprint is module_parts, the documented menu-manager constants and four hooks. This keeps Dolibarr upgrades independent of the theme, and it means the theme can be removed by disabling the module.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe rail is rendered from Dolibarr's own menu tree rather than from a list maintained inside the theme. Enabled modules, permissions, third-party menu hooks and translations all continue to work without the theme knowing anything about them, and no label anywhere in the navigation is hardcoded. On the test bench this produced 179 menu entries from the live tree.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe five demos are complete designs with sampled palettes and differing structural decisions, not hue rotations of one skin, and the single-source-of-truth architecture means the stylesheet and the configuration screen cannot disagree about what a demo is.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe dashboard is backed by real tables and is governed by explicit rules about how data may be displayed: \"n\/a\" for empty populations, direction separated from desirability in trend chips, zero-value donut segments skipped, a draft slice that never takes the track colour, NULL stock treated as not stock-managed, and failed SQL logged before an empty set is returned so that an empty panel is never confused with a failed one.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eOperationally, the theme adds no external asset request, requires no build step, ships every file it runs, and clears the shared menu-manager constant on disable only if that constant still points at Paces — so removing it cannot destroy another theme's configuration.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eNo Dolibarr core file modified.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eRail built from the native menu tree; no hardcoded labels.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eFive complete demos from one source of truth.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eDashboard backed by llx_commande, llx_facture and llx_facturedet.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eNo external asset request; charts are server-rendered inline SVG.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eApproximately 360 language keys, all prefixed, in 7 languages.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eSafe disable path for the shared menu-manager constant.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e38. Limitations\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDolibarr supports a single active menu manager, so only one theme-module can own the navigation at a time. Paces must be the active menu handler to render its rail. If another theme-module holds the menu manager, Paces' styling still applies but its navigation does not appear. This is a constraint of the platform, not something the theme can work around, and it means two theme-modules cannot be run side by side.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe per-request demo preview requires session support. Dolibarr emits the module stylesheet URL with a fixed parameter set and offers no supported way to append a custom parameter, so the preview must be remembered in the session for the stylesheet request to resolve to the same demo as the page request. Where sessions are unavailable or are not shared between the page request and the asset request, the preview will not apply consistently. The stored configuration is unaffected.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCharts are inline SVG rendered on the server rather than an interactive charting library. This is what makes them dependency-free, instantly painted and debuggable from the page source, but it also means there is no zoom, no brush selection, no drag-to-range and no drill-down. A user who needs to interrogate a series interactively must use a reporting tool.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eDashboard aggregates read live Dolibarr tables at page load. On very large installations — long histories of orders and invoices, high invoice-line counts — the twelve-month product aggregation and the year-over-year sales query carry a real cost, and such installations may prefer the standard Dolibarr home page. The Paces dashboard can be bypassed without disabling the theme.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eRight-to-left support relies on logical CSS properties rather than a dedicated RTL stylesheet, and it has not been validated against a full Arabic or Hebrew Dolibarr installation. The approach is sound in principle and untested in practice, and it should be treated as unverified rather than as supported.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eFinally, the product \"brand\" shown in the reference mockups has no native equivalent in Dolibarr's product model. In the Top selling products block, that column is rendered as the product reference. This is a faithful substitution rather than an invented field, but it means the shipped screen does not match the mockup literally.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e39. Future Enhancements\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eThe following are candidate directions for future versions. They are stated as intentions rather than commitments, and none of them is present in version 1.0.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpFirst\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eValidation of right-to-left rendering against a full Arabic or Hebrew Dolibarr installation, and a dedicated RTL stylesheet if the logical-property approach proves insufficient.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eOptional caching of the heavier dashboard aggregates, so that very large installations can keep the Paces dashboard without paying the live-query cost on every page load.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eAdditional demos defined in core\/paces_presets.php, which the single-source-of-truth architecture already accommodates without changes elsewhere.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eA dashboard block picker allowing an administrator to choose which blocks appear and in what order.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpMiddle\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eFurther language files beyond the seven currently shipped.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoListBulletCxSpLast\" style=\"margin-left: 18.0pt; mso-add-space: auto; text-indent: -18.0pt; mso-list: l1 level1 lfo1; tab-stops: list 18.0pt;\"\u003e\u003c!-- [if !supportLists]--\u003e\u003cspan lang=\"EN-US\" style=\"font-family: Symbol; mso-fareast-font-family: Symbol; mso-bidi-font-family: Symbol;\"\u003e\u003cspan style=\"mso-list: Ignore;\"\u003e·\u003cspan style=\"font: 7.0pt 'Times New Roman';\"\u003e       \u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c!--[endif]--\u003e\u003cspan dir=\"LTR\"\u003e\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003eAdditional dashboard blocks backed by other Dolibarr tables, following the same rules about empty populations, trend colouring and failed queries.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAny additional demo would be defined in the same way as the existing five: as a complete set of surface, accent, chart and geometry decisions in the presets library, so that the stylesheet, the configuration screen, the dashboard and the rail renderer all pick it up without modification.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eAny additional dashboard block would be required to meet the same contract as the existing ones: query, log failures through dol_syslog, return an empty set on failure, and distinguish visually between having no data and being unable to retrieve data.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003e\n\u003cspan lang=\"EN-US\" style=\"mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;\"\u003e40. Support and Maintenance\u003c\/span\u003e\u003cspan lang=\"EN-US\"\u003e\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003ePaces version 1.0 is published by DoliResources and is available at https:\/\/www.doliresources.com. The module is distributed as module_paces-1.0.zip and this document describes the release dated 2026-07-20.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eWhen reporting an issue, the most useful information is the Dolibarr version, the PHP version, the active Paces demo, whether the configuration was saved globally or per user, the browser and version, and whether any other theme-module is enabled. Because Dolibarr supports one active menu manager, the presence of a second theme-module explains a large share of navigation reports and is worth checking first.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eA JSON export of the Paces configuration is the single most useful attachment to a support request, because it reproduces the exact option set without the reporter having to describe fourteen groups of settings. Exports also make it practical to reproduce a customer configuration on a test installation.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eBecause Paces modifies no core file and creates no database table, the theme can always be taken out of the picture as a diagnostic step: disabling the module returns the installation to stock Dolibarr rendering without data loss and without a migration. If a problem persists with Paces disabled, it does not originate in the theme.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eMaintenance releases follow the upgrade path described in section 33: deploy the new archive over the existing installation and reload. Configuration stored under the PACES_ prefix is preserved across file redeployment.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cspan lang=\"EN-US\"\u003eCopyright DoliResources. All rights reserved.\u003c\/span\u003e\u003c\/p\u003e","brand":"Dolibarr Resources","offers":[{"title":"Default Title","offer_id":53931321131326,"sku":null,"price":299.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/4174\/0094\/files\/01_dashboard_8d355c8c-032d-43ee-a5d3-c9cd39c482e6.png?v=1784544812","url":"https:\/\/doliresources.com\/products\/paces-premium-theme-for-dolibarr-erp-crm","provider":"DoliResources","version":"1.0","type":"link"}