diff --git a/.deploy/mta.yaml b/.deploy/mta.yaml
index cafa70cd5..f71d5e5ab 100644
--- a/.deploy/mta.yaml
+++ b/.deploy/mta.yaml
@@ -10,7 +10,7 @@ ID: tutorials-ims
 # Bump this on each release you deploy — it's the version shown by `cf mtas`
 # and in the mtar filename (tutorials-ims_<version>.mtar). Deploy is manual:
 # `cd .deploy && mbt build && cf deploy mta_archives/tutorials-ims_<version>.mtar -e ../deploy/<env>.mtaext -f`.
-version: 1.40.4
+version: 1.41.0
 
 # Top-level parameters (overridable per-env via deploy/<env>.mtaext).
 parameters:
diff --git a/.github/workflows/rebuild-content-qa.yml b/.github/workflows/rebuild-content-qa.yml
index ecd29f990..ead034b04 100644
--- a/.github/workflows/rebuild-content-qa.yml
+++ b/.github/workflows/rebuild-content-qa.yml
@@ -397,6 +397,39 @@ jobs:
       - name: Highlight CDS code blocks (Shiki)
         run: npm run build:highlight -- --dir hugo/public-qa
 
+      # [#2885] Pre-flight asset gate — the same guard rebuild-content.yml
+      # already runs (its "Guard - approuter serves referenced CSS + islands"
+      # step), now on the QA path — the surface stranded on 2026-10-22. Probes
+      # every /css + hashed island /js the rendered QA HTML references against
+      # the deployed QA approuter and FAILS before the HANA publish on any 404,
+      # so QA BLOBs are never poisoned with HTML the approuter can't dress. QA
+      # refreshes ONLY on its own tutorial-qa-updated dispatch (it does not
+      # self-heal like prod), so this gate is the only thing standing between a
+      # fingerprint-skewed deploy and unstyled /tutorials-qa/* pages.
+      - name: Guard - approuter serves referenced CSS + islands (QA)
+        # Share the publish step's skip condition (line ~405): an author
+        # source-error (#2384) leaves no rendered page for the slug, and
+        # check-approuter-assets.cjs resolvePages() die()s (exit 1) on a missing
+        # page — without this `if:`, a benign author typo would become a red
+        # infra run and file a false failure issue.
+        if: ${{ steps.source_errors.outputs.bad_slug == '' }}
+        env:
+          APPROUTER_URL: ${{ secrets.APPROUTER_URL_QA }}
+          # Match the publish step's PUBLISH_SLUG / PUBLISH_SLUGS expressions
+          # EXACTLY (lines 424/431) so the probe scope tracks the publish scope:
+          # a force-publish run ships the WHOLE catalog, so it must NOT pin the
+          # guard to one slug (that would gate 1 and strand ~1400 — the inverse
+          # of the bug this closes). check-approuter-assets.cjs reads both.
+          PUBLISH_SLUG: ${{ ((! inputs.force-publish) || inputs.allow-revert) && (github.event.client_payload.slug || inputs.slug) || '' }}
+          PUBLISH_SLUGS: ${{ (! inputs.force-publish) && github.event.client_payload.slugs || '' }}
+        run: |
+          SLUGS_ARG=""
+          [ -n "$PUBLISH_SLUGS" ] && SLUGS_ARG="--slugs $PUBLISH_SLUGS"
+          node scripts/check-approuter-assets.cjs \
+            --approuter-url "$APPROUTER_URL" \
+            --hugo-dir hugo/public-qa \
+            --check-islands $SLUGS_ARG
+
       - name: Publish QA content to HANA
         # Skip when the ONLY targeted slug failed to fetch (author source error,
         # #2384): nothing rendered for it, so a slug-scoped publish would throw
diff --git a/.github/workflows/rebuild-content.yml b/.github/workflows/rebuild-content.yml
index 48beaa632..68dc3dbc7 100644
--- a/.github/workflows/rebuild-content.yml
+++ b/.github/workflows/rebuild-content.yml
@@ -513,6 +513,10 @@ jobs:
           CONTENT_API_KEY: ${{ secrets.CONTENT_API_KEY }}
           TUTORIAL_SLUG: ${{ inputs.slug || steps.mode.outputs.dispatch_slug }}
           TUTORIAL_SLUGS: ${{ inputs.slugs || steps.mode.outputs.dispatch_slugs }}
+          # [retired-slug-noop] Lets fetch-tutorials distinguish a human manual
+          # dispatch (typo → fail-fast) from an auto-dispatched admin-write /
+          # scheduled run (a retired-slug filter is "nothing to publish", exit 0).
+          TRIGGER_SOURCE: ${{ inputs.trigger-source }}
           # [#208/#275/#312] AI-quiz authoring. Always-on post-#312
           # (2026-06-27 — soak window completed clean). fetch-tutorials.ts
           # wakes the AI generator on tutorials carrying [AUTOAUTHOR_*]
@@ -809,6 +813,21 @@ jobs:
         env:
           CAP_BASE_URL: ${{ steps.srv.outputs.srv_url }}
 
+      # Generated CSS (#2896 follow-up). sap-fundamental.css (build:css, postcss)
+      # and fundamental-styles-icon.css (build:icon-subset) are build outputs, no
+      # longer committed — they are .gitignored. This workflow drives /tmp/hugo
+      # directly rather than `npm run build:all`, so — exactly like the feed
+      # fetchers above — it must regenerate them explicitly BEFORE the Hugo build,
+      # or Hugo fingerprints a missing/stale file and the published content
+      # references a /css/<hash>.css the deployed approuter doesn't serve (the
+      # approuter-asset guard then blocks publish). build:css + build:icon-subset
+      # produce byte-identical output to the deploy's build:all, so both publish
+      # paths agree on the fingerprint.
+      - name: Build fingerprinted CSS (sap-fundamental + icon subset)
+        run: |
+          npm run build:icon-subset
+          npm run build:css
+
       - name: Build Hugo site
         run: /tmp/hugo --source hugo --minify
 
diff --git a/.gitignore b/.gitignore
index ca2e51dc0..65b08b277 100644
--- a/.gitignore
+++ b/.gitignore
@@ -127,6 +127,16 @@ test/a11y/axe-results.md
 srv-qa/lib/parsers.bundle.mjs
 .scratch/
 
+# Generated CSS — build outputs, NOT hand-edited sources (#2896 follow-up).
+# sap-fundamental.css is emitted by `build:css` (postcss from sap-fundamental.src.css);
+# fundamental-styles-icon.css by `build:icon-subset` (scripts/build-icon-subset.cjs).
+# Committing them let the generated bytes drift from source: a deploy regenerates
+# them (new fingerprint) while rebuild-content.yml used the stale committed copy
+# (old fingerprint) → the approuter-asset guard blocked publish. Both build paths
+# now regenerate from source; the outputs must never be committed again.
+hugo/assets/css/sap-fundamental.css
+hugo/assets/css/fundamental-styles-icon.css
+
 # VitePress documentation site
 docs/.vitepress/dist/
 docs/.vitepress/cache/
diff --git a/CLAUDE.md b/CLAUDE.md
index 168cd58d1..24f83be8c 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -136,6 +136,7 @@ The load-bearing few. **Full detail for every relocated item → [tutorials-ims-
 
 - **Fresh worktree: run `npm run setup` after `npm install`** — global npmrc `ignore-scripts=true` skips native builds; without it `hugo-apps/node_modules` is empty and `better-sqlite3` won't build (tests hang / fail resolving `@mediapipe/tasks-vision`).
 - **`ignore-scripts=true` silences all `pre*`/`post*` hooks** — local `build:all` does NOT fire `postbuild:apps`; island-manifest + `build:page-fallback` are wired as explicit `build:all` steps. Rely on the hook and merged JS/CSS ships dead (unhashed island paths) → "not deployed" despite a green deploy. → gotchas.md "Build artifacts & lifecycle hooks".
+- **Deploy refuses a dirty Hugo working tree (#2886)** — uncommitted edits under `hugo/assets/**` or `hugo/layouts/**` make Hugo fingerprint dirty CSS/JS, so the approuter serves a hash the committed-source content pipeline never bakes → 404 on every tutorial (the 2026-10-21 PROD-down). `deploy-mta.cjs` **Step 0.5** `die(1)`s on any tracked-modified build input (branch/SHA guards miss it — a dirty tree keeps the same HEAD SHA). Fix: commit or `git stash push -- <file>`. → gotchas.md "Deploy bakes dirty working-tree CSS".
 - **`hugo/content/tutorials/` is entirely generated** — never edit; `fetch-tutorials` overwrites. Edit `scripts/parsers/` or source repos.
 - **Group/Mission completions are rollup-derived (#1934)** — `srv/lib/completion-rollup.js` recomputes parents after any TUTORIAL/PUZZLE/CHECKPOINT/PETOBERFEST completion; upserts on `(user_ID, taskLegacyId, taskType)`; NOT a `content-store.js` dep. → gotchas.md "Completions rollup".
 - **Never run `publish-content` from a workstation** — use `gh workflow run rebuild-content.yml`; workstation publishes skip CI validation.
diff --git a/app/admin/pats/webapp/ext/MintDialog.fragment.xml b/app/admin/pats/webapp/ext/MintDialog.fragment.xml
index b4a9671b3..2f4019573 100644
--- a/app/admin/pats/webapp/ext/MintDialog.fragment.xml
+++ b/app/admin/pats/webapp/ext/MintDialog.fragment.xml
@@ -21,7 +21,15 @@
         placeholder="{i18n>mint.fieldScopesPlaceholder}">
         <core:Item key="read" text="read" />
         <core:Item key="write" text="write" />
+        <!-- #2857: `admin` scope — hidden by default; onMintToken makes it
+             visible ONLY when PatService.patCapabilities().adminScopeAvailable
+             is true (flag ON AND caller holds the Tutorials Admin role). A
+             non-admin never sees it, so can't mint a PAT that would 403. -->
+        <core:Item id="patMintScopeAdmin" key="admin" text="admin" visible="false" />
       </MultiComboBox>
+      <!-- #2857: explains the admin scope; shown only when the admin item is. -->
+      <Label text="" />
+      <Text id="patMintAdminHint" text="{i18n>mint.adminScopeHint}" visible="false" />
 
       <Label text="{i18n>mint.fieldTtl}" />
       <StepInput
diff --git a/app/admin/pats/webapp/ext/PatActionsController.js b/app/admin/pats/webapp/ext/PatActionsController.js
index 215c664c1..68338a8bd 100644
--- a/app/admin/pats/webapp/ext/PatActionsController.js
+++ b/app/admin/pats/webapp/ext/PatActionsController.js
@@ -34,6 +34,9 @@ sap.ui.define([
   let _resolvedView = null;
   let _mintDialog = null;
   let _mintedDialog = null;
+  // #2857: cache the admin-scope capability so repeated Mint presses don't
+  // re-probe the backend. null = not yet resolved.
+  let _adminScopeAvailable = null;
 
   function _initialMintState() {
     return { name: "", scopes: ["read"], ttlDays: 90 };
@@ -115,6 +118,31 @@ sap.ui.define([
     if (lr && lr.getBinding("items")) lr.getBinding("items").refresh();
   }
 
+  // #2857: resolve whether the caller may mint an admin-scoped PAT, via the
+  // unbound PatService.patCapabilities function. Cached across presses. On any
+  // error, fail CLOSED (treat as unavailable) so the admin item stays hidden.
+  function _resolveAdminScope(view) {
+    if (_adminScopeAvailable !== null) return Promise.resolve(_adminScopeAvailable);
+    const op = view.getModel().bindContext("/patCapabilities(...)");
+    return op.execute().then(function () {
+      const result = op.getBoundContext().getObject() || {};
+      _adminScopeAvailable = !!result.adminScopeAvailable;
+      return _adminScopeAvailable;
+    }).catch(function () {
+      _adminScopeAvailable = false;
+      return false;
+    });
+  }
+
+  // Show/hide the `admin` MultiComboBox item. The item is declared in the
+  // fragment (visible=false), so it is scoped under the fragment's owner id.
+  function _applyAdminScopeVisibility(view, available) {
+    const item = Fragment.byId(view.getId(), "patMintScopeAdmin");
+    if (item) item.setVisible(!!available);
+    const hint = Fragment.byId(view.getId(), "patMintAdminHint");
+    if (hint) hint.setVisible(!!available);
+  }
+
   const handlers = {
 
     // Toolbar button press. `arg` is a UI5 Event (sap.m.Button) or a context
@@ -132,18 +160,23 @@ sap.ui.define([
       } else {
         model.setData(_initialMintState());
       }
-      if (_mintDialog) {
-        _mintDialog.open();
-        return;
-      }
-      Fragment.load({
-        id: view.getId(),
-        name: "sap.tutorials.admin.pats.ext.MintDialog",
-        controller: handlers
-      }).then(function (dlg) {
-        _mintDialog = dlg;
-        view.addDependent(dlg);
-        dlg.open();
+      // #2857: probe admin-scope capability, then show/hide the admin item.
+      _resolveAdminScope(view).then(function (available) {
+        if (_mintDialog) {
+          _applyAdminScopeVisibility(view, available);
+          _mintDialog.open();
+          return;
+        }
+        Fragment.load({
+          id: view.getId(),
+          name: "sap.tutorials.admin.pats.ext.MintDialog",
+          controller: handlers
+        }).then(function (dlg) {
+          _mintDialog = dlg;
+          view.addDependent(dlg);
+          _applyAdminScopeVisibility(view, available);
+          dlg.open();
+        });
       });
     },
 
diff --git a/app/admin/pats/webapp/i18n/i18n.properties b/app/admin/pats/webapp/i18n/i18n.properties
index 35f8aecf0..eb45dfd0a 100644
--- a/app/admin/pats/webapp/i18n/i18n.properties
+++ b/app/admin/pats/webapp/i18n/i18n.properties
@@ -17,6 +17,8 @@ mint.fieldNamePlaceholder=e.g. claude-desktop
 mint.fieldScopes=Scopes
 #XFLD: Scopes field placeholder
 mint.fieldScopesPlaceholder=Select one or more scopes
+#YMSG: Hint shown when the admin scope is available (#2857)
+mint.adminScopeHint=The admin scope grants headless access to the admin OData (/admin-pat/*) and GraphQL (/graphql-pat) surfaces. Admin tokens are capped at 90 days.
 #XFLD: TTL field label
 mint.fieldTtl=Validity
 #XFLD: TTL unit suffix
diff --git a/app/scanner/webapp/Component.js b/app/scanner/webapp/Component.js
index f7d528567..4939f0b80 100644
--- a/app/scanner/webapp/Component.js
+++ b/app/scanner/webapp/Component.js
@@ -12,7 +12,6 @@ sap.ui.define([
 
         init: function () {
             UIComponent.prototype.init.apply(this, arguments);
-            this.getRouter().initialize();
             var oDeviceModel = new JSONModel(Device);
             oDeviceModel.setDefaultBindingMode("OneWay");
             this.setModel(oDeviceModel, "device");
diff --git a/app/scanner/webapp/controller/App.controller.js b/app/scanner/webapp/controller/App.controller.js
index 2e8f134d9..a03a467f9 100644
--- a/app/scanner/webapp/controller/App.controller.js
+++ b/app/scanner/webapp/controller/App.controller.js
@@ -10,6 +10,8 @@ sap.ui.define([
     var CONTESTANT_DEFAULTS = {
         uid: null,
         eventId: null,
+        lastName: "",
+        firstInitial: "",
         claimedCount: 0,
         tutorialsCompleted: "",
         groupsCompleted: "",
@@ -42,6 +44,8 @@ sap.ui.define([
                 oContext.setParameter("eventId", eventId);
                 await oContext.execute();
                 var result = oContext.getBoundContext().getObject();
+                this._oContestantModel.setProperty("/lastName", result.lastName || "");
+                this._oContestantModel.setProperty("/firstInitial", result.firstInitial || "");
                 this._oContestantModel.setProperty("/tutorialsCompleted", result.tutorialsCompleted || "");
                 this._oContestantModel.setProperty("/groupsCompleted", result.groupsCompleted || "");
                 this._oContestantModel.setProperty("/missionsCompleted", result.missionsCompleted || "");
diff --git a/app/scanner/webapp/manifest.json b/app/scanner/webapp/manifest.json
index 4e7ddd908..3aede4c9e 100644
--- a/app/scanner/webapp/manifest.json
+++ b/app/scanner/webapp/manifest.json
@@ -54,31 +54,6 @@
                 }
             ]
         },
-        "routing": {
-            "config": {
-                "routerClass": "sap.m.routing.Router",
-                "viewType": "XML",
-                "async": true,
-                "viewPath": "sap.tutorials.scanner.view",
-                "controlAggregation": "pages",
-                "controlId": "app",
-                "clearControlAggregation": false
-            },
-            "routes": [
-                {
-                    "name": "main",
-                    "pattern": ":?query:",
-                    "target": ["main"]
-                }
-            ],
-            "targets": {
-                "main": {
-                    "viewType": "XML",
-                    "viewId": "App",
-                    "viewName": "App"
-                }
-            }
-        },
         "rootView": {
             "viewName": "sap.tutorials.scanner.view.App",
             "type": "XML",
diff --git a/app/scanner/webapp/view/App.view.xml b/app/scanner/webapp/view/App.view.xml
index f094335b5..ca98705a4 100644
--- a/app/scanner/webapp/view/App.view.xml
+++ b/app/scanner/webapp/view/App.view.xml
@@ -8,7 +8,7 @@
             <content>
                 <!-- Idle state: shown when no scan result is present -->
                 <VBox id="vboxIdle"
-                    visible="{= !${contestant>loaded} &amp;&amp; !${contestant>loading} }"
+                    visible="{= !${contestant>/loaded} &amp;&amp; !${contestant>/loading} }"
                     class="sapUiLargeMarginTop sapUiMediumMarginBottom">
                     <VBox id="vboxIdleContent" alignItems="Center" class="sapUiMediumMarginBottom">
                         <core:Icon
@@ -36,14 +36,18 @@
                 <!-- Data panel: shown while loading and after load -->
                 <Panel
                     id="contestantCard"
-                    visible="{= ${contestant>loaded} || ${contestant>loading} }"
-                    busy="{contestant>loading}"
+                    visible="{= ${contestant>/loaded} || ${contestant>/loading} }"
+                    busy="{contestant>/loading}"
                     class="sapUiTinyMarginTop">
                     <content>
-                        <!-- Identity header -->
+                        <!-- Identity header — "LastName, F." for eyeball match against
+                             the badge; the scanned UID shown small underneath. -->
                         <VBox id="vboxIdentity" class="sapUiSmallMarginBeginEnd sapUiSmallMarginTopBottom">
-                            <Title id="resultUid" text="{contestant>uid}" level="H5"
-                                class="sapUiTinyMarginBottom" />
+                            <Title id="resultName"
+                                text="{= ${contestant>/lastName} ? (${contestant>/lastName} + ', ' + ${contestant>/firstInitial} + '.') : ${contestant>/uid} }"
+                                level="H5" class="sapUiTinyMarginBottom" />
+                            <Text id="resultUid" text="{contestant>/uid}"
+                                visible="{= !!${contestant>/lastName} }" />
                         </VBox>
 
                         <!-- Prizes Claimed — highlighted row -->
@@ -52,7 +56,7 @@
                             justifyContent="SpaceBetween"
                             alignItems="Center">
                             <Label id="lblPrizesClaimed" text="Prizes Claimed" design="Bold" />
-                            <Text id="prizeCount" text="{= ${contestant>claimedCount} + ' of 2' }" />
+                            <Text id="prizeCount" text="{= ${contestant>/claimedCount} + ' of 2' }" />
                         </HBox>
 
                         <!-- Remaining stats as a list -->
@@ -60,15 +64,15 @@
                             <DisplayListItem
                                 id="statTutorials"
                                 label="Tutorials Completed"
-                                value="{contestant>tutorialsCompleted}" />
+                                value="{contestant>/tutorialsCompleted}" />
                             <DisplayListItem
                                 id="statGroups"
                                 label="Groups Completed"
-                                value="{contestant>groupsCompleted}" />
+                                value="{contestant>/groupsCompleted}" />
                             <DisplayListItem
                                 id="statMissions"
                                 label="Missions Completed"
-                                value="{contestant>missionsCompleted}" />
+                                value="{contestant>/missionsCompleted}" />
                         </List>
                     </content>
                 </Panel>
@@ -76,7 +80,7 @@
 
             <footer>
                 <OverflowToolbar id="footerToolbar"
-                    visible="{contestant>loaded}">
+                    visible="{contestant>/loaded}">
                     <Button
                         id="btnScanAgain"
                         text="Scan Again"
@@ -89,7 +93,7 @@
                         icon="sap-icon://gift"
                         type="Emphasized"
                         press="onClaimPrize"
-                        enabled="{= ${contestant>loaded} &amp;&amp; ${contestant>claimedCount} &lt; 2 }" />
+                        enabled="{= ${contestant>/loaded} &amp;&amp; ${contestant>/claimedCount} &lt; 2 }" />
                 </OverflowToolbar>
             </footer>
 
diff --git a/docs/developers/operations/mta-deployment.md b/docs/developers/operations/mta-deployment.md
index ce5208e0e..7dbaa040d 100644
--- a/docs/developers/operations/mta-deployment.md
+++ b/docs/developers/operations/mta-deployment.md
@@ -147,7 +147,27 @@ CAP_BASE_URL="https://<srv-url>" npm run publish-content
 
 Use `--dry-run` to preview, `--force` to skip delta detection, `--verbose` for extra logging.
 
-## Step 4: XSUAA Role Collections
+### Mandatory post-deploy content publish after a fingerprint-changing deploy (#2885)
+
+When a deploy changes a CSS/JS fingerprint (any `hugo-apps` island rebuild or SAP Fundamental Styles CSS bump), the HANA BLOBs still hard-reference the **old** hash until a new publish overwrites them. Every tutorial page renders unstyled in the gap. **Both surfaces must be re-published** — PROD does not self-heal QA, and QA does not self-heal on its own.
+
+After any deploy that touches `hugo/static/js/` or `hugo/static/css/`:
+
+1. **PROD/main** — trigger a full rebuild and confirm green:
+   ```bash
+   gh workflow run rebuild-content.yml --repo sap-tutorials/tutorials-ims --ref main -f mode=full
+   ```
+2. **QA author-preview** — trigger `Rebuild Content (QA)` and confirm green:
+   ```bash
+   gh workflow run rebuild-content-qa.yml --repo sap-tutorials/tutorials-ims --ref main
+   ```
+   > **QA does NOT self-heal.** It only refreshes on its own `tutorial-qa-updated` dispatch or a manual `rebuild-content-qa.yml` run. The post-deploy QA publish is the step most often skipped — do not skip it.
+
+The `check-approuter-assets.cjs` gate (now on all three publish paths: `rebuild-content.yml`, `rebuild-content-qa.yml`, and the `publish-content.ts` CLI) will hard-fail any publish that references an unshipped hash, so a skipped post-deploy publish surfaces as a gate failure on the *next* publish rather than silently stranding content. If the gate fires, redeploy to ship the correct hashes, then re-publish.
+
+CLI emergency bypass: `SKIP_APPROUTER_GATE=1 npm run publish-content` (loud, logged; CLI-only — the workflow guards have no bypass input by design).
+
+
 
 Role collections are defined in `xs-security.json` and created automatically when the XSUAA service instance is created via MTA deploy. **Any subsequent change to `xs-security.json` (scope add/remove, role template edit, or authorities-array change) requires a manual `cf update-service` to reconcile the deployed instance.** The MTA `cf deploy` command alone does NOT re-read `xs-security.json`.
 
diff --git a/docs/developers/reference/tutorials-ims-gotchas.md b/docs/developers/reference/tutorials-ims-gotchas.md
index cb183e035..cfcae3bd0 100644
--- a/docs/developers/reference/tutorials-ims-gotchas.md
+++ b/docs/developers/reference/tutorials-ims-gotchas.md
@@ -44,11 +44,27 @@ Cross-references:
 - **`hugo.qa.toml`** — sibling Hugo config for QA. Strips Joule FAB, rating, completion buttons, progress UI when `site.Params.qa = true`.
 - **QA bootstrap runbook** — [docs/developers/operations/qa-channel-bootstrap.md](../operations/qa-channel-bootstrap.md).
 
-## Rebuild workflow & admin writes
+## Stranded CSS/JS after a fingerprint-changing deploy (issue #2885)
+
+A deploy that changes a CSS/JS fingerprint (any `hugo-apps` island rebuild or SAP Fundamental Styles CSS bump) ships new hashes to the approuter but leaves HANA BLOBs pointing at the **old** hash. Every tutorial page renders unstyled until content is republished with the new hash. Both surfaces are stranded independently:
+
+- **`/tutorials/*` (PROD/main)** — re-publish via `gh workflow run rebuild-content.yml --ref main -f mode=full`
+- **`/tutorials-qa/*` (QA author-preview)** — re-publish via `gh workflow run rebuild-content-qa.yml --ref main`. **QA does NOT self-heal** — it only refreshes on its own `tutorial-qa-updated` dispatch; the post-deploy QA rebuild is the step most often skipped.
+
+The `check-approuter-assets.cjs` gate now blocks a publish that references an unshipped CSS/JS hash on **all three paths**:
+
+1. `rebuild-content.yml` (PROD — was already gated)
+2. `rebuild-content-qa.yml` (QA — added by #2885)
+3. `publish-content.ts` CLI (emergency path — added by #2885)
+
+If the gate fires, the approuter hasn't shipped the new hashes yet — redeploy first, then re-publish. CLI emergency bypass: `SKIP_APPROUTER_GATE=1 npm run publish-content` (loud, logged; CLI-only — workflow guards have no bypass input by design). See [mta-deployment.md §"Mandatory post-deploy content publish"](../operations/mta-deployment.md#mandatory-post-deploy-content-publish-after-a-fingerprint-changing-deploy-2885).
+
+
 
 - **`rebuild-content.yml` mode auto-infer** — `gh workflow run rebuild-content.yml -f slug=X` auto-infers `mode=slug-targeted` when `inputs.mode` is default `full` AND a slug input is set. Don't pass `-f mode=slug-targeted`. Only `workflow_dispatch` auto-infers; `repository_dispatch` (admin auto-trigger) uses `srv/lib/_classify-rebuild-mode.js`. Wall-clock: `catalog-only` ~5min, `slug-targeted` ~2min, `full` ~10min. Runbook: [rebuild-content-workflow.md](../operations/rebuild-content-workflow.md).
 - **`GITHUB_DISPATCH_TOKEN` env var** — Read by `srv/lib/rebuild-trigger.js`; admin saves debounce-dispatch `rebuild-content.yml` after 60s. Sourced from `DISPATCH_TOKEN` GitHub Actions secret (**not** `GITHUB_DISPATCH_TOKEN` — GH reserves `GITHUB_` prefix). All four mtaext placeholders resolve at deploy time via `envsubst` writing `deploy/<env>.resolved.mtaext`. Rotation: [github-dispatch-pat-rotation.md](../operations/github-dispatch-pat-rotation.md).
 - **Alert saves do NOT trigger rebuilds** — Alerts are runtime-served via `/api/alerts*`. Rebuild classifier returns `mode: 'none'` for `Alerts` ([_classify-rebuild-mode.js](../../../srv/lib/_classify-rebuild-mode.js)). Cache-bust on save is the only freshness mechanism; up-to-60s delay expected.
+- **Admin PAT scope is enforced end-to-end in the backend but the mint UI gates it (#2857)** — the `admin` PAT scope (headless `/admin-pat/*` + `/graphql-pat`, #2574) is validated and enforced across `srv/lib/mcp-pat-actions.js` (`VALID_SCOPES` + mint gate: flag `PAT_ADMIN_SCOPE_ENABLED` AND `req.user.is('Admin')` AND an `AdminGrants` row) and `srv/lib/mcp-pat-middleware.js` `computeRoles` (only an `admin`-scope PAT with a live grant gets `['Admin','Tutorial.API']`); a `read`/`write` PAT hitting `AdminService` (`@requires:'Admin'`) always **403s "lacking required roles: [Admin]"**. The mint dialog (`app/admin/pats/webapp/ext/MintDialog.fragment.xml`) offers the `admin` item only when `PatService.patCapabilities().adminScopeAvailable` is true (flag ON AND live `req.user.is('Admin')`), toggled by `PatActionsController.js` on dialog open (fails closed → hidden). **Do NOT add a static always-visible `admin` item** — that lets a non-admin mint an `admin` PAT the backend then 403s, which is exactly the stranded state #2857 reported (docs told users to mint an `admin` scope that the UI never surfaced).
 
 ## Content model quirks
 
@@ -114,6 +130,13 @@ These paragraphs used to live inline in `CLAUDE.md`'s "Top Gotchas" section. The
 - **`ignore-scripts=true` silences `postbuild:apps` — build artifacts wired into it are NOT produced by local `npm run build:all`** — the global npmrc `ignore-scripts=true` means npm **lifecycle hooks never fire**. The `postbuild:apps` hook is where the #1604 island-fingerprint step (`build:island-manifest`, which writes `hugo/data/island_manifest.json`) and 8 static guards live. During a local `build:all`, none of them run. Symptom class: fresh JS/CSS **compiles** (Vite emits `navigator-<hash>.js`) but is **never referenced** — `hugo/layouts/partials/island-src.html` falls back to the unhashed `/js/<name>.js`, Hugo bakes the stale path, and the approuter ships old bundles sitting next to the new ones. **Merged fixes look "not deployed" even though the deploy succeeded.** CI dodges this because `deploy.yml`/`unit-tests.yml` run `npm run postbuild:apps` as an **explicit step** (see deploy.yml:217-223 comment). Fix (2026-08-10): `build:all` now calls `npm run build:island-manifest` **explicitly** (not via the hook), and `scripts/deploy-mta.cjs` Step 2.5 fails the deploy if `hugo/public/index.html` bakes only unhashed island paths while a Vite manifest exists. Rule: any build **artifact** (not just a guard) needed for a correct ship must be an explicit step in `build:all`, never left to a `post*`/`pre*` lifecycle hook.
 - **`build:page-fallback` is an explicit `build:all` step (NOT a lifecycle hook)** — `scripts/build-page-fallback.cjs` copies in-scope page snapshots from `hugo/public` into `srv/page-fallback/<key>.<ext>` after `build:hugo` runs. Because `ignore-scripts=true` silences all `pre*`/`post*` hooks, it is wired as an explicit `npm run build:page-fallback` in the `build:all` chain, positioned right after `build:hugo`. If you add a new in-scope page to `IN_SCOPE_PAGES` in `srv/lib/page-key-map.js`, the snapshot is picked up automatically on the next full build. Snapshots are gitignored (`srv/page-fallback/*` except `.gitkeep`); the directory is committed empty and populated at build time.
 
+## Deploy bakes dirty working-tree CSS → approuter/HTML fingerprint skew → 404 (#2886)
+
+- **A deploy from a tree with uncommitted Hugo-input edits ships a fingerprint the content pipeline never bakes** — the approuter builder (`.deploy/mta.yaml`, `tutorials-approuter`) does `cp -r ../hugo/public/. static/`, shipping **whatever `hugo/public/` contains at `mbt build` time**. `hugo/public/css/sap-fundamental.<hash>.css` is Hugo's fingerprint of `hugo/assets/css/sap-fundamental.css`. On 2026-10-21 a PROD deploy ran `build:all` in a checkout with **uncommitted edits** to `hugo/assets/css/sap-fundamental.css` + `fundamental-styles-icon.css`, so Hugo fingerprinted the **dirty** CSS (`9dbb07c7…`) while the CI content pipeline (`rebuild-content*.yml`, built from clean `origin/main`) baked HTML referencing the **committed** hash (`7f01bb5…`). The two never matched → every tutorial on `/tutorials/` **and** `/tutorials-qa/` (shared approuter) → **HTTP 404 → unstyled pages → PROD-down**.
+- **Why the pre-existing guards missed it** — `guardPrimaryTreeBranch` (Step 0) checks branch + (DEV/QA) `HEAD === origin/<branch>` SHA. A dirty working tree has the **same HEAD SHA**, so both the PROD path (branch + not-a-worktree) and the DEV/QA path (SHA match) pass with a dirty `hugo/assets/**` file.
+- **The gate (#2886)** — `scripts/deploy-mta.cjs` **Step 0.5** (`guardCleanBuildInputs`, all envs, before `build:all`) runs `git status --porcelain -- hugo/assets hugo/layouts` and `die(1)`s listing any **tracked, modified** entry (the pure parser `dirtyBuildInputs`, exported + unit-tested in `test/unit/deploy-dirty-build-inputs.test.ts`, ignores `??` untracked so `build:all`-generated `hugo/data/*.json` never false-positives — which is also why the scope deliberately excludes `hugo/data`). Fix on trip: commit, or set the tracked file aside with `git stash push -- <file>`, then redeploy. Read-only, so it runs under `--dry-run` and `--skip-build` too.
+- **Belt-and-suspenders** — the served-asset guards stay: Step 4.6 (in-place) already `cf restart`s and then `die(1)`s if the just-built css/island-js refs still 404, and Step 4.5 (blue-green) probes the green `-idle` route **advisory** (the swap is operator-gated, so it never blocks by design). The publish-side blocking gate is #2885's scope; this issue is the deploy-side dirty-tree gate. Both are needed.
+
 ## Admin-UI preload build (#2749)
 
 - **Admin component tiles are UI5-`ui5 build`'d (preload + minify), not raw-copied** — `app/admin-shell/scripts/copy-components.js` runs each tile in `PRELOAD_COMPONENTS` (now **all** discovered tiles, derived in `preload-components.cjs`) through `ui5 build`, emitting a minified `Component-preload.js` so the shell loads each tile in ~1 bundle request instead of ~10 per-module round-trips (every one a full XSUAA-authed approuter hit, no CDN). Decision/strip/fallback logic lives in `app/admin-shell/scripts/build-component.cjs` (unit-tested: `test/unit/build-component.test.ts`).
diff --git a/docs/end-users/api-consumption.md b/docs/end-users/api-consumption.md
index 703d34256..fd1eb0b23 100644
--- a/docs/end-users/api-consumption.md
+++ b/docs/end-users/api-consumption.md
@@ -48,7 +48,10 @@ GET /admin-pat/Tutorials?$filter=owner eq 'me@sap.com'
 ### How to authenticate
 
 1. Sign in to the admin UI and open `/me/tokens/`. Mint a PAT with the **admin** scope
-   (only offered if you hold the *Tutorials Admin* role). Copy the token — shown once.
+   — the `admin` option in the scope picker appears **only when you already hold the
+   *Tutorials Admin* role** (minting records a server-side admin grant tied to that role;
+   a `read`/`write` PAT can never reach the admin surfaces). If you don't see an `admin`
+   option, you lack the role — request it before continuing. Copy the token — shown once.
 2. Call the OData surface headlessly via the `/admin-pat/*` prefix:
 
 ```bash
diff --git a/docs/superpowers/plans/2026-10-22-app-space-parallel-paths.md b/docs/superpowers/plans/2026-10-22-app-space-parallel-paths.md
new file mode 100644
index 000000000..268091d65
--- /dev/null
+++ b/docs/superpowers/plans/2026-10-22-app-space-parallel-paths.md
@@ -0,0 +1,254 @@
+# App Space Parallel Paths — Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Let a single App Space track render parallel segments — side-by-side branch lanes and any-order clusters — modeled entirely on the existing schema.
+
+**Architecture:** The server progress handler stops emitting a flat, order-less `items[]` and instead emits ordered **segments** (`linear` | `parallel-any` | `fork`) grouped by `itemOrder`, with per-item server-computed `unlocked` flags and (for a GROUP row carrying a `prize`) a synthetic trailing CHECKPOINT. `AppSpace.vue` renders segments; `app-space-gating.ts` becomes a thin reader of the server flag. No `db/schema.cds` change.
+
+**Tech Stack:** SAP CAP Node.js (`@sap/cds`), Vitest (server: `cds.test` in-memory; Vue: happy-dom + `@vue/test-utils`), Vue 3 island (`hugo-apps/`).
+
+**Spec:** `docs/superpowers/specs/2026-10-22-app-space-parallel-paths-design.md`
+
+## Global Constraints
+
+- **No schema change.** No new entities/columns/enum values; `db/schema.cds`, `GroupPathItems`, and the `TaskType` enum are untouched. All structure is derived at read time from existing fields (`itemOrder`, `taskType`, `group`, `prize`).
+- **Grouping key is pure `itemOrder`.** The #172 `altGroupKey`/`altGroupLabel` fields are ignored; do not alter `srv/handlers/completion-path-items-altgroup.js`, `group-by-alt.js`, or their validator.
+- **Lane label = the `Groups` entity's own `title`** (requires a new batched read of `Groups`), not `altGroupLabel`.
+- **Zero regression for linear tracks:** a path where every item has a unique `itemOrder` must produce output identical in content to today, and a *lone* GROUP at an Order keeps today's inline-flatten behavior.
+- **#2866 preserved:** `COMPLETED_OUT_OF_WINDOW` never counts toward unlock/progress/prize. **#2864 preserved:** a `temporarilyUnavailable` item must not be treated as completable.
+- **The synthetic lane prize is a real `CHECKPOINT`** output item (not a frontend-only `PRIZE` state) so its barcode works via the existing cookie-based `/api/my-prize-barcode` path.
+- Target branch `DEV`; PR, no direct merge to `main`.
+
+## Review Focus
+
+- **Lone GROUP at an Order** — must still expand inline as a linear run (today's behavior), NOT become a one-lane fork. Pinned in Task 2.
+- **`temporarilyUnavailable` member inside a fork/cluster** (#2864) — an unavailable item must not count as complete, so a join/prize above it must stay locked. Pinned in Task 3.
+- **Out-of-window completion inside a lane** (#2866) — a `COMPLETED_OUT_OF_WINDOW` tutorial in a branch must not advance that lane or unlock its prize. Pinned in Task 3.
+- **Fork with no downstream item** — lanes that never rejoin (each lane terminal, e.g. per-lane prizes only) must render and gate without assuming a join node exists. Pinned in Task 2.
+- **Mixed segment: a GROUP and a TUTORIAL sharing one Order** — ambiguous shape; define it (treat as a fork whose non-group member is a single-item lane) and pin so it can't silently drop the tutorial. Pinned in Task 2.
+
+---
+
+### Task 1: Segment grouping + shape classification (pure helper)
+
+A pure function that groups a path's items by `itemOrder` and classifies each group's shape, with no DB access — the testable core of the restructure.
+
+**Files:**
+- Create: `srv/lib/app-space-segments.js`
+- Test: `test/unit/app-space-segments.test.js`
+
+**Interfaces:**
+- Produces: `classifyPathSegments(pathItems) -> Array<{ order: number, kind: 'linear'|'parallel-any'|'fork', members: object[] }>` where `members` are the raw `CompletionPathItems` rows at that order. `kind` rules: one member → `linear`; 2+ members **all `TUTORIAL`** → `parallel-any`; 2+ members with **any `GROUP`** → `fork`. Input need not be pre-sorted; output is ascending by `order`.
+
+- [ ] **Step 1: Write the failing test**
+
+```js
+import { describe, it, expect } from 'vitest';
+import { classifyPathSegments } from '../../srv/lib/app-space-segments.js';
+
+const row = (order, taskType, extra = {}) => ({ itemOrder: order, taskType, ...extra });
+
+describe('classifyPathSegments', () => {
+  it('one item at an order → linear', () => {
+    const segs = classifyPathSegments([row(10, 'TUTORIAL')]);
+    expect(segs).toEqual([{ order: 10, kind: 'linear', members: [row(10, 'TUTORIAL')] }]);
+  });
+  it('a lone GROUP at an order is linear, not a one-lane fork', () => {
+    const segs = classifyPathSegments([row(10, 'GROUP', { group_ID: 'g1' })]);
+    expect(segs[0].kind).toBe('linear');
+  });
+  it('2+ TUTORIALs sharing an order → parallel-any', () => {
+    const segs = classifyPathSegments([row(20, 'TUTORIAL'), row(20, 'TUTORIAL')]);
+    expect(segs[0].kind).toBe('parallel-any');
+  });
+  it('2+ GROUPs sharing an order → fork', () => {
+    const segs = classifyPathSegments([row(20, 'GROUP', { group_ID: 'a' }), row(20, 'GROUP', { group_ID: 'b' })]);
+    expect(segs[0].kind).toBe('fork');
+  });
+  it('a GROUP and a TUTORIAL sharing an order → fork (tutorial becomes a single-item lane)', () => {
+    const segs = classifyPathSegments([row(20, 'GROUP', { group_ID: 'a' }), row(20, 'TUTORIAL')]);
+    expect(segs[0].kind).toBe('fork');
+    expect(segs[0].members).toHaveLength(2);
+  });
+  it('sorts segments ascending by order regardless of input order', () => {
+    const segs = classifyPathSegments([row(30, 'TUTORIAL'), row(10, 'TUTORIAL')]);
+    expect(segs.map(s => s.order)).toEqual([10, 30]);
+  });
+});
+```
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `npx vitest run --project unit test/unit/app-space-segments.test.js`
+Expected: FAIL — `classifyPathSegments` not exported.
+
+- [ ] **Step 3: Implement `classifyPathSegments(pathItems)` in `srv/lib/app-space-segments.js`**
+
+Group by `itemOrder` into a Map, sort keys ascending, classify each group by the rules in the Interfaces block. Pure JS, no CDS import.
+
+- [ ] **Step 4: Run test to verify it passes**
+
+Run: `npx vitest run --project unit test/unit/app-space-segments.test.js`
+Expected: PASS
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add srv/lib/app-space-segments.js test/unit/app-space-segments.test.js
+git commit -m "feat(#2887): classifyPathSegments — group path items by itemOrder into typed segments"
+```
+
+---
+
+### Task 2: Segment-building in the resolver (lanes + synthetic prize + Group titles)
+
+Replace the flat output of `buildPathItems` with a nested segment structure. GROUP members nest their expanded tutorials under a lane labeled by the Group's `title`; a GROUP row with a `prize` gets a synthetic trailing CHECKPOINT; lone GROUP and linear items keep today's shape.
+
+**Files:**
+- Modify: `srv/lib/path-item-task-resolver.js` (add `buildPathSegments`; keep `buildPathItems` intact for `getEventProgress`, which stays flat)
+- Test: `test/app-space-segments-resolver.test.js` (uses `cds.test` in-memory, per `app-space-fk-resolution.test.js`)
+
+**Interfaces:**
+- Consumes: `classifyPathSegments` (Task 1); existing `expandGroupTutorials`, `shapeItem`, `resolveTask`, `effectiveLegacyId` (same module); `Groups` CDS entity (new batched read of `ID`→`title`).
+- Produces: `buildPathSegments({ pathItems, taskMap, effLegacyByItem, groupTutorials, groupTitles, recordMap, event }) -> Array<Segment>` where
+  - `LinearSegment = { order, kind:'linear', items: OutputItem[] }` (items via existing `shapeItem`; a lone GROUP expands inline to its tutorials exactly as `buildPathItems` does today)
+  - `ClusterSegment = { order, kind:'parallel-any', items: OutputItem[] }`
+  - `ForkSegment = { order, kind:'fork', lanes: Array<{ label: string, items: OutputItem[] }> }` — each GROUP member → one lane (label = `groupTitles.get(group_ID)`, items = expanded tutorials + optional synthetic CHECKPOINT); a non-GROUP member → a single-item lane (label = item title).
+  - Synthetic CHECKPOINT shape: `shapeItem`-compatible with `type:'CHECKPOINT'`, `title` = prize/group title, carries the prize linkage used by the barcode. Appended as the last item of its lane only when the GROUP path-item's `prize_ID` is set.
+- Also produces: `fetchGroupTitles({ items, entities }) -> Map<group_ID,string>` (batched `SELECT ID,title from Groups where ID in …`).
+
+- [ ] **Step 1: Write the failing test**
+
+```js
+import { describe, it, expect, beforeAll } from 'vitest';
+import cds from '@sap/cds';
+cds.test('serve', '--project', '.', '--in-memory');
+// Seed: a path with Order 10 TUTORIAL (setup); Order 20 two GROUPs (MCP w/ prize, Agents);
+// Order 30 CHECKPOINT. Assert the getAppSpaceProgress payload for this path:
+//   - segments length 3, kinds ['linear','fork','linear']
+//   - fork segment has 2 lanes labeled 'MCP' and 'Agents' (from Groups.title)
+//   - MCP lane's last item is type 'CHECKPOINT' (synthetic from the prize); Agents lane has none
+//   - a lone GROUP at its own order (separate path) yields a 'linear' segment whose items are the group's tutorials (no lane wrapper)
+```
+(Full seeding mirrors `app-space-fk-resolution.test.js`: insert Events/Missions/CompletionPaths/CompletionPathItems/Groups/GroupPathItems/Tutorials/Prizes, call the service action, assert on `paths[0].segments`.)
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `npx vitest run test/app-space-segments-resolver.test.js`
+Expected: FAIL — handler still returns flat `items`, no `segments`.
+
+- [ ] **Step 3: Implement `buildPathSegments` + `fetchGroupTitles` in `srv/lib/path-item-task-resolver.js`**
+
+Classify with `classifyPathSegments`, then per segment: linear → reuse today's per-item/GROUP-inline logic; parallel-any → `shapeItem` each; fork → one lane per member, GROUP members via `expandGroupTutorials` + synthetic CHECKPOINT when `prize_ID` set. Do **not** modify `buildPathItems`.
+
+- [ ] **Step 4: Wire the handler** — in `srv/developer-service.js` `getAppSpaceProgress`, batch-read group titles + prizes alongside the existing reads, and set `segments: buildPathSegments(...)` on each path (keep `items` too for now — Task 4 removes the Vue dependence).
+
+- [ ] **Step 5: Run test to verify it passes**
+
+Run: `npx vitest run test/app-space-segments-resolver.test.js`
+Expected: PASS. Also run `npx vitest run test/app-space-fk-resolution.test.js` — existing flat behavior unbroken.
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add srv/lib/path-item-task-resolver.js srv/developer-service.js test/app-space-segments-resolver.test.js
+git commit -m "feat(#2887): buildPathSegments — emit fork lanes + synthetic lane prize in app-space payload"
+```
+
+---
+
+### Task 3: Server-side unlock flags (segment-aware gating)
+
+Compute `unlocked` per output item on the server so a fork/cluster no longer relies on array adjacency. Composes with #2866 and #2864.
+
+**Files:**
+- Modify: `srv/lib/app-space-segments.js` (add `annotateUnlocked`)
+- Test: `test/unit/app-space-unlock.test.js`
+
+**Interfaces:**
+- Consumes: segment array from Task 2 (items carry `status`; a `temporarilyUnavailable` boolean is threaded through from the row).
+- Produces: `annotateUnlocked(segments) -> segments` (mutates/returns items with `unlocked: boolean`). Rules: segment N unlocks when segment N-1 is **satisfied**; first segment always unlocked. A `linear` segment is satisfied when its single item is `COMPLETED`; a `parallel-any` cluster when **all** members `COMPLETED`; a `fork` when **all** lanes complete (a lane is complete when all its items are `COMPLETED`, synthetic checkpoint included). A lane's own synthetic prize is unlocked when **that lane** (its tutorials) completes — independent of other lanes. `COMPLETED_OUT_OF_WINDOW` and `temporarilyUnavailable` items are **never** "complete" for satisfaction.
+
+- [ ] **Step 1: Write the failing test** — cases: linear gate carries over; cluster locks downstream until all done; fork join locks until both lanes done; per-lane synthetic prize unlocks on its own lane; a `COMPLETED_OUT_OF_WINDOW` member leaves its lane incomplete; a `temporarilyUnavailable` member leaves its segment unsatisfied.
+
+- [ ] **Step 2: Run** `npx vitest run --project unit test/unit/app-space-unlock.test.js` → FAIL.
+
+- [ ] **Step 3: Implement `annotateUnlocked`** per the rules above; call it in `getAppSpaceProgress` after `buildPathSegments`.
+
+- [ ] **Step 4: Run** → PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add srv/lib/app-space-segments.js srv/developer-service.js test/unit/app-space-unlock.test.js
+git commit -m "feat(#2887): server-side segment-aware unlock flags (composes with #2866/#2864)"
+```
+
+---
+
+### Task 4: Gating helper reads the server flag
+
+Make `app-space-gating.ts` prefer the server `unlocked` flag, falling back to the legacy index-walk only when the flag is absent (older payloads). Keeps the pure signature for tests.
+
+**Files:**
+- Modify: `hugo-apps/src/app-space/app-space-gating.ts`
+- Test: `test/unit/app-space-gating.test.js` (extend)
+
+**Interfaces:**
+- Produces: `isItemUnlocked(items, index)` unchanged signature; now returns `items[index].unlocked` when that property is a boolean, else the existing index-adjacency logic. `isTutorialOpenable` unchanged (still allows `COMPLETED_OUT_OF_WINDOW` links).
+
+- [ ] **Step 1: Add failing tests** — `unlocked:true` on an item whose predecessor is incomplete returns true (flag wins); absent flag falls back to today's behavior (existing tests still pass).
+- [ ] **Step 2: Run** the gating test → new case FAILs.
+- [ ] **Step 3: Implement** the flag-preferring branch.
+- [ ] **Step 4: Run** → PASS (old + new).
+- [ ] **Step 5: Commit** `git commit -m "feat(#2887): app-space-gating reads server unlocked flag, legacy fallback"`
+
+---
+
+### Task 5: Render segments in AppSpace.vue (fork lanes + clusters)
+
+Replace the flat `v-for` timeline with a segment renderer: linear nodes, side-by-side fork lanes (fork/join connectors), any-order clusters. Recompute track aggregates against segments.
+
+**Files:**
+- Modify: `hugo-apps/src/app-space/AppSpace.vue`
+- Test: `hugo-apps/src/app-space/__tests__/AppSpace.segments.test.ts` (happy-dom + `stubFetch`, per `AppSpace.empty-state.test.ts`)
+
+**Interfaces:**
+- Consumes: `AppSpaceTrack.segments` from the payload (Task 2) with per-item `unlocked` (Task 3). Add TS interfaces `LinearSegment | ClusterSegment | ForkSegment` to the component; `selectedTrack.segments` drives rendering.
+- Produces: rendering only. `isTrackComplete`/`progressPercent`/`completedCount`/barcode-eligibility computed over segments, honoring the authored rule (per-lane prize ⇒ a lane + its prize can complete the track's reward; a downstream checkpoint ⇒ all lanes).
+
+- [ ] **Step 1: Write the failing test** — stub `getAppSpaceProgress` to return a fork track (setup linear → 2 lanes, one with a synthetic CHECKPOINT → downstream CHECKPOINT). Mount, open the track, assert: two lane columns render with labels "MCP"/"Agents"; locked downstream checkpoint while lanes incomplete; the cluster track renders N cards all available after setup. Assert the barcode (`shouldShowCheckpointBarcode`) shows for an unlocked+authenticated synthetic lane checkpoint identically to a normal one.
+- [ ] **Step 2: Run** `npx vitest run hugo-apps/src/app-space/__tests__/AppSpace.segments.test.ts` → FAIL.
+- [ ] **Step 3: Implement** the segment template + scoped CSS (fork/join connectors, `.lanes` grid collapsing on narrow viewports, cluster grid), reusing existing `.timeline-*`/`.step--*` classes and theme rules. Keep confetti, redo (#2866), temporarily-unavailable (#2864) states.
+- [ ] **Step 4: Run** → PASS; also run the existing app-space Vue tests (`npx vitest run hugo-apps/src/app-space/__tests__/`) to confirm linear tracks unregressed.
+- [ ] **Step 5: Commit** `git commit -m "feat(#2887): render fork lanes + any-order clusters in App Space track detail"`
+
+---
+
+### Task 6: Admin editor verification + e2e spec
+
+Confirm the Path Items editor allows duplicate `itemOrder` and GROUP+Prize on one row; add a committed e2e spec for the detail view (advisory per CLAUDE.md).
+
+**Files:**
+- Verify (read): `app/admin/*` completion-path components; extend only if duplicate Order or GROUP+Prize is blocked.
+- Create: `test/e2e/app-space-parallel.spec.ts` (self-skips without `SMOKE_BASE_URL`, per `test/e2e/README.md`)
+
+- [ ] **Step 1:** Read the admin completion-path-items component; confirm Order accepts duplicates and `group`+`prize` are both settable on a row. Record findings in the PR description. If blocked, write the failing test + fix in this task.
+- [ ] **Step 2:** Write the e2e spec: load a seeded fork track in App Space, assert two lane columns + a locked downstream checkpoint. Self-skip when `SMOKE_BASE_URL` absent.
+- [ ] **Step 3:** Run `npx vitest run test/e2e/app-space-parallel.spec.ts` locally (self-skips) → PASS/skip.
+- [ ] **Step 4: Commit** `git commit -m "test(#2887): app-space parallel e2e spec + admin editor verification"`
+
+---
+
+## Self-Review
+
+**1. Spec coverage:** §2 authoring → Tasks 1–2; §3 completion/prize placement → Tasks 2 (synthetic prize) + 3 (unlock rules); §4 rendering → Task 5; §5.1 payload → Task 2; §5.2 builder → Task 2; §5.3 server gating → Tasks 3–4; §5.4 Vue + aggregates → Task 5; §5.5 admin → Task 6; §7 open calls (payload schema, admin ergonomics, tests) → Tasks 5/6/each task's tests. No gaps.
+
+**2. Step scan:** Each code step gives a signature + file; bodies are left to the implementer except where the Interfaces block fixes the shape. Test steps carry names/assertions with spec values (segment kinds, lane labels, unlock rules).
+
+**3. Type consistency:** `classifyPathSegments` (T1) → consumed by `buildPathSegments` (T2) → `annotateUnlocked` (T3) → `unlocked` read by `isItemUnlocked` (T4) → `segments` rendered by Vue (T5). Segment kind strings `'linear'|'parallel-any'|'fork'` identical across tasks. `buildPathItems` left untouched (only `buildPathSegments` added) so `getEventProgress` is unaffected.
+
+**4. Review Focus:** all five pinned (lone GROUP → T1 & T2; temporarilyUnavailable → T3; out-of-window → T3; no-downstream fork → T2; mixed GROUP+TUTORIAL order → T1 & T2).
+
+**5. Proportion:** Plan carries interfaces + test assertions, not full bodies; longer than the spec only where signatures/tests must be pinned. Acceptable.
diff --git a/docs/superpowers/plans/2026-10-23-badge-scanner-v2.md b/docs/superpowers/plans/2026-10-23-badge-scanner-v2.md
new file mode 100644
index 000000000..fd7387a28
--- /dev/null
+++ b/docs/superpowers/plans/2026-10-23-badge-scanner-v2.md
@@ -0,0 +1,154 @@
+# Badge Scanner v2 Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Fix the Vue badge scanner's camera + `null of 2` count, and extend it to show contestant identity (`LastName, F.`), claimed prize names, and per-event aggregate stats.
+
+**Architecture:** Two new/changed CAP function handlers on the existing `ScannerService` (`getContestant` extended, `getEventStats` added), consumed by the existing Vue island at `hugo-apps/src/scanner-vue/`. Camera fix is a one-line `nextTick` ordering change. CQL only; `@requires: 'MobileApp'` unchanged.
+
+**Tech Stack:** SAP CAP (Node.js, `@sap/cds` ≥10.1), CQL, Vue 3 (`<script setup>`), Fundamental Styles, Vitest. All tests — CAP (`cds.test`) and Vue island (happy-dom) — run from the **root** `vitest.config.ts` `unit` project: `npx vitest run --project unit <path>`. The `unit` project already includes `hugo-apps/src/**/*.{test,spec}.{js,ts}` with happy-dom (an existing `scanner-vue/__tests__/scanner-claim.test.ts` runs there). Do NOT add a vitest config under `hugo-apps/` — there is none and none is needed.
+
+**Spec:** `docs/superpowers/specs/2026-10-23-badge-scanner-v2-design.md`
+
+## Global Constraints
+
+- **CQL/CDS only — no raw SQL.** (Project rule; the `forUpdate()` cap in `claimPrizeForContestant` is untouched.)
+- **Event scoping = `TaskRecords.event_ID == event.ID`** (badge/app-space path), NOT the Devtoberfest date-window. Event resolved by `Events.legacyId == eventId`.
+- **Completion semantic:** has-ever-completed, DISTINCT by `(user_ID, taskLegacyId)`, counting `status in ('COMPLETED','SUPERSEDED')`. Identical for per-contestant and per-event aggregates.
+- **PII:** identity response carries `lastName` (full) + `firstInitial` (single uppercase char, derived server-side). **No email, no full first name, ever crosses the wire.**
+- **Statuses are `CLAIMED` / `EARNED` only** (probed on DEV). "Claimed" = `CLAIMED`.
+- **Auth:** `@requires: 'MobileApp'` on the service, unchanged. No new scope.
+- **Branch/PR:** `worktree-scanner-badge-v2` off `origin/DEV`; PR → **DEV**.
+
+## Review Focus
+
+- **Contestant with zero completions / zero prizes** — card must render `0`s and "None yet", never blank or `null` (the bug being fixed; owned by Task 1 tests).
+- **Unresolvable / absent `eventId` (0 or no matching Event)** — `getContestant` must still return the contestant; `getEventStats` returns a null-ish/empty shape and the Vue panel hides, no error (owned by Task 2 + Task 4 tests).
+- **`firstName` empty/null** — `firstInitial` must be `''`, not throw on `.charAt(0)` (owned by Task 1 tests).
+- **Event stats must not leak cross-event rows** — a CLAIMED/completion row on a *different* event must not count (owned by Task 2 tests).
+- **API returns `null` claimedCount** — Vue must render `0 of 2`, not `null of 2` (owned by Task 4 tests).
+
+---
+
+### Task 1: Extend `getContestant` — identity + claimed prize names
+
+**Files:**
+- Modify: `srv/scanner-service.cds:7-13` (return shape)
+- Modify: `srv/scanner-service.js:11-52` (`getContestant` handler)
+- Test: `test/unit/scanner-contestant-count.test.js` (extend)
+
+**Interfaces:**
+- Produces: `getContestant(accountNumber: String, eventId: Integer)` now returns
+  `{ lastName: String, firstInitial: String, tutorialsCompleted: Integer, groupsCompleted: Integer, missionsCompleted: Integer, claimedCount: Integer, claimedPrizeNames: array of String, prizeRecords: String }`.
+  `firstInitial` = first char of `firstName` uppercased, or `''` if empty.
+  `claimedPrizeNames` = names of CLAIMED prizes for (user, event) with a non-null `prize`; null-`prize` rows contribute a generic `'Prize'` entry so the list length tracks `claimedCount`.
+
+- [ ] **Step 1: Write failing tests** in `test/unit/scanner-contestant-count.test.js`:
+  - seed a user with `firstName:'Thomas', lastName:'Jung'`; assert `result.lastName === 'Jung'` and `result.firstInitial === 'T'`.
+  - seed a user with `firstName:''`; assert `firstInitial === ''` (no throw).
+  - seed 1 CLAIMED PrizeRecord for the event with `prize_ID` → a Prizes row `name:'Sticker Pack'`; assert `result.claimedPrizeNames` deep-equals `['Sticker Pack']`.
+  - assert existing `claimedCount` / `prizeRecords` assertions still hold.
+
+- [ ] **Step 2: Run to verify fail** — `npx vitest run --project unit test/unit/scanner-contestant-count.test.js`. Expected: FAIL (new keys undefined).
+
+- [ ] **Step 3: Implement.** In `.cds` add `lastName`, `firstInitial`, `claimedPrizeNames : array of String` to the return. In `.js`: select `firstName, lastName` off the user; `firstInitial = (user.firstName||'').trim().charAt(0).toUpperCase()`; when fetching CLAIMED PrizeRecords, expand `prize` (`.columns('status','prize_ID', {ref:['prize'],expand:['name']})` or a follow-up `SELECT Prizes` by collected ids) and build `claimedPrizeNames` (real name, else `'Prize'`). Keep the existing count/`prizeRecords` logic.
+
+- [ ] **Step 4: Run to verify pass** — `npx vitest run --project unit test/unit/scanner-contestant-count.test.js`. Expected: PASS.
+
+- [ ] **Step 5: Commit** — `git add srv/scanner-service.cds srv/scanner-service.js test/unit/scanner-contestant-count.test.js && git commit -m "feat(scanner): getContestant returns identity + claimed prize names (#badge-v2)"`
+
+---
+
+### Task 2: Add `getEventStats` function
+
+**Files:**
+- Modify: `srv/scanner-service.cds` (add function after line 25, before closing `}`)
+- Modify: `srv/scanner-service.js` (add `this.on('getEventStats', ...)` handler)
+- Test: `test/unit/scanner-event-stats.test.js` (create)
+
+**Interfaces:**
+- Consumes: nothing from Task 1.
+- Produces: `getEventStats(eventId: Integer)` returns
+  `{ eventName: String, prizesClaimed: Integer, prizesAvailable: Integer, earnedAwaitingHandover: Integer, participants: Integer, participantsClaimed: Integer, tutorialsCompleted: Integer, groupsCompleted: Integer, missionsCompleted: Integer }`.
+  Unresolvable `eventId` → all-zero/empty object with `eventName: null` (handler returns, does not reject).
+
+- [ ] **Step 1: Write failing tests** in `test/unit/scanner-event-stats.test.js` (`cds.test('serve')` like the sibling test). Seed: event `evt-main` (legacyId 10000015) + `evt-other`; 3 Prizes on evt-main (`prizesAvailable=3`); PrizeRecords — 2 CLAIMED + 1 EARNED on evt-main (across 2 users), 1 CLAIMED on evt-other; TaskRecords — user A: 2 TUTORIAL COMPLETED (distinct taskLegacyId) + 1 GROUP on evt-main; user B: 1 TUTORIAL on evt-main; 1 TUTORIAL on evt-other (must NOT count). Assert:
+  - `prizesClaimed===2`, `prizesAvailable===3`, `earnedAwaitingHandover===1`
+  - `participants===2`, `participantsClaimed===2`
+  - `tutorialsCompleted===3`, `groupsCompleted===1`, `missionsCompleted===0`
+  - cross-event: evt-other's rows absent from evt-main totals
+  - unresolvable eventId `999999` → `{ eventName:null, prizesClaimed:0, participants:0, ... }`, no throw.
+
+- [ ] **Step 2: Run to verify fail** — `npx vitest run --project unit test/unit/scanner-event-stats.test.js`. Expected: FAIL (`getEventStats` not found).
+
+- [ ] **Step 3: Implement.** Resolve event by `legacyId`; if none → return zero object. `prizesAvailable` = `SELECT.from(Prizes).where({event_ID})` count; `prizesClaimed`/`earnedAwaitingHandover` = counts of PrizeRecords where `{event_ID, status}`; `participantsClaimed` = distinct `user_ID` over CLAIMED. For participants + completion totals: `SELECT from TaskRecords where {event_ID, status:{in:['COMPLETED','SUPERSEDED']}}`, dedupe in JS by `(user_ID, taskLegacyId)` then count by `taskType` and distinct users (same loop pattern as `getContestant`). CQL only.
+
+- [ ] **Step 4: Run to verify pass** — same command. Expected: PASS.
+
+- [ ] **Step 5: Commit** — `git add srv/scanner-service.cds srv/scanner-service.js test/unit/scanner-event-stats.test.js && git commit -m "feat(scanner): add getEventStats event-aggregate function (#badge-v2)"`
+
+---
+
+### Task 3: Fix Vue camera (nextTick ordering)
+
+**Files:**
+- Modify: `hugo-apps/src/scanner-vue/ScannerApp.vue` (`onScan`, add `nextTick` import)
+- Test: `hugo-apps/src/scanner-vue/__tests__/scanner-camera-order.test.ts` (create)
+
+**Interfaces:**
+- Consumes: nothing. Produces: nothing for later tasks (behavioral fix).
+
+- [ ] **Step 1: Write failing test.** A light unit test (no full mount): import a small extracted `scanOrder` helper OR assert ordering via a mock. Simplest: extract the ordering into a testable function `beginScan(setState, nextTickFn, scanFn)` that calls `setState('scanning')`, `await nextTickFn()`, then `scanFn()`, and assert `scanFn` is called only after `nextTickFn` resolves (spy order). Place the helper in `ScannerApp.vue`'s script or a sibling `scan-order.ts` and import it.
+
+- [ ] **Step 2: Run to verify fail** — `npx vitest run --project unit hugo-apps/src/scanner-vue/__tests__/scanner-camera-order.test.ts`. Expected: FAIL.
+
+- [ ] **Step 3: Implement.** `import { ref, computed, nextTick } from 'vue'`; in `onScan`, after `state.value = 'scanning'` add `await nextTick()` before `const result = await scan()`. (If the ordering helper was extracted, wire `onScan` to it.)
+
+- [ ] **Step 4: Run to verify pass** — same command. Expected: PASS.
+
+- [ ] **Step 5: Commit** — `git add hugo-apps/src/scanner-vue/ && git commit -m "fix(scanner): await nextTick before camera scan so video ref is mounted (#badge-v2)"`
+
+---
+
+### Task 4: Vue UI — identity, claimed names, event stats, null-count guard
+
+**Files:**
+- Modify: `hugo-apps/src/scanner-vue/types.ts` (add fields + `EventStats`)
+- Modify: `hugo-apps/src/scanner-vue/useScannerApi.ts` (add `getEventStats`, numeric coercion)
+- Modify: `hugo-apps/src/scanner-vue/ScannerApp.vue` (render identity line, claimed-names list, event-stats section)
+- Test: `hugo-apps/src/scanner-vue/__tests__/scanner-coercion.test.ts` (create)
+
+**Interfaces:**
+- Consumes: `getContestant` and `getEventStats` shapes from Tasks 1 & 2.
+- Produces: `ContestantData` gains `lastName: string; firstInitial: string; claimedPrizeNames: string[]`. New `EventStats` interface mirroring Task 2's return.
+
+- [ ] **Step 1: Write failing test** in `scanner-coercion.test.ts`: a unit test over `useScannerApi`'s unwrap/coerce — given a stubbed `fetch` returning `{ value: { claimedCount: null, tutorialsCompleted: null } }`, assert `getContestant` resolves `claimedCount === 0` and `tutorialsCompleted === 0` (never null). (Stub global `fetch`.)
+
+- [ ] **Step 2: Run to verify fail** — `npx vitest run --project unit hugo-apps/src/scanner-vue/__tests__/scanner-coercion.test.ts`. Expected: FAIL.
+
+- [ ] **Step 3: Implement.**
+  - `types.ts`: add the three fields to `ContestantData`; add `EventStats`.
+  - `useScannerApi.ts`: add `getEventStats(eventId)` (fetch `/scanner/getEventStats(eventId=${eventId})`, `json.value ?? json`); in `getContestant` coerce numeric fields with `?? 0` and default `claimedPrizeNames` to `[]`.
+  - `ScannerApp.vue`: identity header → `{{ contestant.lastName }}, {{ contestant.firstInitial }}.`; render `claimedPrizeNames` as a list, empty → "None yet"; in `loadContestant`, after loading the contestant, `if (scanResult.payload.eventId) eventStats.value = await getEventStats(eventId)`; add an event-stats section (claimed vs available, earned-awaiting, participants/claimed, completion totals) shown only when `eventStats` is set.
+
+- [ ] **Step 4: Run to verify pass** — same command. Expected: PASS.
+
+- [ ] **Step 5: Commit** — `git add hugo-apps/src/scanner-vue/ && git commit -m "feat(scanner): identity line, claimed prize names, event stats panel, null-count guard (#badge-v2)"`
+
+---
+
+### Task 5: Verify full suite + lint
+
+**Files:** none (verification only).
+
+- [ ] **Step 1:** Run CAP unit scanner tests — `npx vitest run --project unit test/unit/scanner-*.test.js`. Expected: all PASS.
+- [ ] **Step 2:** Run Vue island tests — `npx vitest run --project unit hugo-apps/src/scanner-vue/`. Expected: all PASS.
+- [ ] **Step 3:** Typecheck the island — `cd hugo-apps && npx vue-tsc --noEmit` (or the project's configured check). Expected: no new errors in `scanner-vue/`.
+- [ ] **Step 4: Commit** any lint/type fixup if needed, else no-op.
+
+---
+
+## Notes for the executor
+
+- Deploy/verify-on-DEV is **out of plan scope** (separate step after merge, per spec Rollout). Do not deploy from the feature branch.
+- `cds bind --exec` is blocked inside this worktree by a harness guard — run any DB-bound command from the main checkout `D:\projects\tutorials-poc`, not here. Unit tests (`cds.test`) use in-memory SQLite and need no binding.
diff --git a/docs/superpowers/plans/2026-10-23-publish-asset-gate.md b/docs/superpowers/plans/2026-10-23-publish-asset-gate.md
new file mode 100644
index 000000000..c808250d4
--- /dev/null
+++ b/docs/superpowers/plans/2026-10-23-publish-asset-gate.md
@@ -0,0 +1,304 @@
+# Publish Asset-Gate Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Block any content publish that references a CSS/JS fingerprint the target approuter doesn't serve — on the QA workflow and the emergency CLI — before any HANA BLOB is written, and make the post-deploy QA publish a mandatory runbook step.
+
+**Architecture:** Reuse the existing, battle-tested `scripts/check-approuter-assets.cjs` gate verbatim as a subprocess. `rebuild-content.yml` (PROD) already wires it; add the same step to `rebuild-content-qa.yml` and invoke it from `publish-content.ts` `main()` before the publish session. No new asset-probing logic.
+
+**Tech Stack:** Node.js 22, TypeScript (tsx), GitHub Actions YAML, Vitest.
+
+**Spec:** `d:\projects\cloud-cap-hana-swapi\docs\superpowers\specs\2026-10-23-publish-asset-gate-design.md`
+
+## Global Constraints
+
+- Targets **DEV** — feature PR → DEV; `main` is protected; no main-hotfix path.
+- **Reuse `check-approuter-assets.cjs` as a subprocess** — do NOT reimplement extraction/probe/inconclusive logic. One implementation only.
+- QA approuter URL = `secrets.APPROUTER_URL_QA` (already used at `rebuild-content.yml:373`). No new secret.
+- CLI approuter URL = `process.env.APPROUTER_URL` (established convention: `seed-*-from-deployed.ts`, `retain-asset-bundles.cjs`).
+- Static assets are public → no API key to probe. All-404 (no 200s) = inconclusive → pass (never a false block).
+- CLI gate must **skip (loud) when `APPROUTER_URL` is unset** — local `cds watch` has no approuter; failing there breaks every local publish.
+- QA build renders to `hugo/public-qa`; the CLI already sets `opts.hugoDir` per channel (`main()` ~line 864), so one call shape works for both.
+- CLI tests import **pure functions** from `publish-content.js` (see `scripts/__tests__/publish-content-cli.test.ts`) — the gate's testable surface must be a pure arg-builder + a thin runner, not `main()`.
+
+## Review Focus
+
+- **force-publish QA run** publishes the whole catalog — the guard must NOT pin to one slug (would gate 1, ship ~1400). Pinned by Task 1 test `force-publish probes whole catalog (no slug pin)`.
+- **author source-error QA dispatch** (slug failed to fetch → no rendered page) currently skips publish and goes green — the guard must share the `if: bad_slug == ''` skip or it hard-fails a benign typo. Pinned by Task 1 (YAML `if:` + inspection assertion).
+- **multi-slug CLI publish** (`--slugs a,b`) must probe exactly those N — not just the single `--slug` fallback. Pinned by Task 2 test `builds --slugs arg for multi-slug publish`.
+- **APPROUTER_URL unset** (local dev) must skip, not fail. Pinned by Task 2 test `skips gate when APPROUTER_URL unset`.
+- **non-zero subprocess exit** must abort before any BLOB write and propagate the code. Pinned by Task 3 test `propagates non-zero gate exit`.
+
+---
+
+### Task 1: QA workflow guard
+
+**Files:**
+- Modify: `.github/workflows/rebuild-content-qa.yml` (insert a step after "Highlight CDS code blocks (Shiki)" ~line 398, before "Publish QA content to HANA" ~line 400)
+
+**Interfaces:**
+- Consumes: `scripts/check-approuter-assets.cjs` (unchanged), `secrets.APPROUTER_URL_QA`, `steps.source_errors.outputs.bad_slug`.
+- Produces: nothing downstream depends on it (a gate step).
+
+- [ ] **Step 1: Add the guard step**
+
+Insert this step immediately before `- name: Publish QA content to HANA`:
+
+```yaml
+      # [#2885] Pre-flight asset gate — same guard rebuild-content.yml already
+      # runs, now on the QA path (the surface stranded on 2026-10-22). Probes
+      # every /css + hashed island /js the rendered QA HTML references against
+      # the deployed QA approuter; FAILS before the HANA publish on any 404, so
+      # QA BLOBs are never poisoned with HTML the approuter can't dress.
+      - name: Guard - approuter serves referenced CSS + islands (QA)
+        # Share the publish step's skip: an author source-error leaves no
+        # rendered page, and check-approuter-assets.cjs die()s on a missing page
+        # (exit 1) — without this, a benign author typo becomes a red infra run.
+        if: ${{ steps.source_errors.outputs.bad_slug == '' }}
+        env:
+          APPROUTER_URL: ${{ secrets.APPROUTER_URL_QA }}
+          # Match the publish step's scope EXACTLY (lines 424/431): a
+          # force-publish run ships the whole catalog, so it must NOT pin the
+          # guard to one slug.
+          PUBLISH_SLUG: ${{ ((! inputs.force-publish) || inputs.allow-revert) && (github.event.client_payload.slug || inputs.slug) || '' }}
+          PUBLISH_SLUGS: ${{ (! inputs.force-publish) && github.event.client_payload.slugs || '' }}
+        run: |
+          SLUGS_ARG=""
+          [ -n "$PUBLISH_SLUGS" ] && SLUGS_ARG="--slugs $PUBLISH_SLUGS"
+          node scripts/check-approuter-assets.cjs \
+            --approuter-url "$APPROUTER_URL" \
+            --hugo-dir hugo/public-qa \
+            --check-islands $SLUGS_ARG
+```
+
+- [ ] **Step 2: Verify YAML parses and the step is correctly placed**
+
+Run: `npx js-yaml .github/workflows/rebuild-content-qa.yml > /dev/null && echo OK` (or `yq '.jobs."rebuild-qa".steps[] | .name' .github/workflows/rebuild-content-qa.yml | grep -n 'Guard - approuter\|Highlight CDS\|Publish QA'`)
+Expected: `OK`; the Guard step appears between "Highlight CDS code blocks (Shiki)" and "Publish QA content to HANA".
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add .github/workflows/rebuild-content-qa.yml
+git commit -m "ci(#2885): gate QA publish on approuter-served CSS/JS assets"
+```
+
+---
+
+### Task 2: CLI gate — pure arg-builder + unset/skip logic
+
+**Files:**
+- Modify: `scripts/publish-content.ts` (add exported `buildApprouterGateArgs`, `approuterGateDecision`)
+- Test: `scripts/__tests__/publish-content-cli.test.ts` (extend)
+
+**Interfaces:**
+- Consumes: `PublishOptions` (`{ hugoDir, slug, slugs, ... }`), `process.env.APPROUTER_URL`, `process.env.SKIP_APPROUTER_GATE`.
+- Produces:
+  - `approuterGateDecision(env: { APPROUTER_URL?: string; SKIP_APPROUTER_GATE?: string }): { run: boolean; reason: string }` — `run:false` when `APPROUTER_URL` empty/unset (reason `"no-approuter"`) or `SKIP_APPROUTER_GATE` truthy (reason `"skip-flag"`); else `run:true`.
+  - `buildApprouterGateArgs(opts: { hugoDir: string; slugs: string }, approuterUrl: string): string[]` — returns the `.cjs` argv array: `['scripts/check-approuter-assets.cjs', '--approuter-url', approuterUrl, '--hugo-dir', opts.hugoDir, '--check-islands']` plus `['--slugs', opts.slugs]` when `opts.slugs` is non-empty. (`--slug` is threaded via the `PUBLISH_SLUG` env, matching the workflow, not as an arg.)
+
+- [ ] **Step 1: Write the failing tests**
+
+Add to `scripts/__tests__/publish-content-cli.test.ts`:
+
+```typescript
+import { approuterGateDecision, buildApprouterGateArgs } from '../publish-content.js';
+
+describe('approuterGateDecision', () => {
+  it('skips gate when APPROUTER_URL unset', () => {
+    expect(approuterGateDecision({}).run).toBe(false);
+    expect(approuterGateDecision({ APPROUTER_URL: '' }).run).toBe(false);
+    expect(approuterGateDecision({}).reason).toBe('no-approuter');
+  });
+  it('skips gate when SKIP_APPROUTER_GATE set', () => {
+    const d = approuterGateDecision({ APPROUTER_URL: 'https://x', SKIP_APPROUTER_GATE: '1' });
+    expect(d.run).toBe(false);
+    expect(d.reason).toBe('skip-flag');
+  });
+  it('runs gate when APPROUTER_URL set and no skip', () => {
+    expect(approuterGateDecision({ APPROUTER_URL: 'https://x' }).run).toBe(true);
+  });
+});
+
+describe('buildApprouterGateArgs', () => {
+  it('base args: no --slugs when slugs empty', () => {
+    expect(buildApprouterGateArgs({ hugoDir: 'hugo/public', slugs: '' }, 'https://x'))
+      .toEqual(['scripts/check-approuter-assets.cjs', '--approuter-url', 'https://x', '--hugo-dir', 'hugo/public', '--check-islands']);
+  });
+  it('builds --slugs arg for multi-slug publish', () => {
+    expect(buildApprouterGateArgs({ hugoDir: 'hugo/public-qa', slugs: 'a,b' }, 'https://x'))
+      .toContain('--slugs');
+    expect(buildApprouterGateArgs({ hugoDir: 'hugo/public-qa', slugs: 'a,b' }, 'https://x').at(-1)).toBe('a,b');
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `npx vitest run scripts/__tests__/publish-content-cli.test.ts -t 'approuterGate|buildApprouterGateArgs'`
+Expected: FAIL — `approuterGateDecision`/`buildApprouterGateArgs` not exported.
+
+- [ ] **Step 3: Implement the two pure functions in `scripts/publish-content.ts`**
+
+Export both near the other exported helpers (e.g. after `parseArgs`). Signatures exactly as in Interfaces. `approuterGateDecision` treats any non-empty `SKIP_APPROUTER_GATE` as truthy; `buildApprouterGateArgs` appends `--slugs <slugs>` only when `opts.slugs.trim()` is non-empty.
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `npx vitest run scripts/__tests__/publish-content-cli.test.ts -t 'approuterGate|buildApprouterGateArgs'`
+Expected: PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add scripts/publish-content.ts scripts/__tests__/publish-content-cli.test.ts
+git commit -m "feat(#2885): add approuter-gate decision + arg-builder to publish CLI"
+```
+
+---
+
+### Task 3: CLI gate — wire into main() before publish
+
+**Files:**
+- Modify: `scripts/publish-content.ts` (`main()`, insert gate after the `tutorials.size === 0` check ~line 1309, before `validateProductionBuild` ~line 1313; add `spawnSync` import)
+- Test: `scripts/__tests__/publish-content-cli.test.ts` (add `runApprouterGate` test with mocked `spawnSync`)
+
+**Interfaces:**
+- Consumes: `approuterGateDecision`, `buildApprouterGateArgs` (Task 2); `spawnSync` from `node:child_process`.
+- Produces: `runApprouterGate(opts: { hugoDir: string; slug: string; slugs: string }, env: NodeJS.ProcessEnv, spawn?: typeof spawnSync): number` — returns `0` when the gate is skipped (decision `run:false`) or passes; returns the subprocess's non-zero `status` otherwise. Passes `PUBLISH_SLUG: opts.slug` in the child env so a single-slug publish scopes the probe. The `spawn` param defaults to the real `spawnSync` (injectable for tests).
+
+- [ ] **Step 1: Write the failing test**
+
+```typescript
+import { runApprouterGate } from '../publish-content.js';
+
+describe('runApprouterGate', () => {
+  it('skips (returns 0) when APPROUTER_URL unset', () => {
+    const spy = vi.fn();
+    expect(runApprouterGate({ hugoDir: 'hugo/public', slug: '', slugs: '' }, {}, spy as any)).toBe(0);
+    expect(spy).not.toHaveBeenCalled();
+  });
+  it('propagates non-zero gate exit', () => {
+    const spawn = vi.fn().mockReturnValue({ status: 1 });
+    expect(runApprouterGate({ hugoDir: 'hugo/public', slug: '', slugs: '' }, { APPROUTER_URL: 'https://x' }, spawn as any)).toBe(1);
+  });
+  it('passes PUBLISH_SLUG in child env for a scoped publish', () => {
+    const spawn = vi.fn().mockReturnValue({ status: 0 });
+    runApprouterGate({ hugoDir: 'hugo/public', slug: 'foo', slugs: '' }, { APPROUTER_URL: 'https://x' }, spawn as any);
+    const callEnv = spawn.mock.calls[0][2].env;
+    expect(callEnv.PUBLISH_SLUG).toBe('foo');
+  });
+});
+```
+
+(Add `import { vi } from 'vitest'` to the test file's imports if absent.)
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `npx vitest run scripts/__tests__/publish-content-cli.test.ts -t 'runApprouterGate'`
+Expected: FAIL — `runApprouterGate` not exported.
+
+- [ ] **Step 3: Implement `runApprouterGate` + wire into `main()`**
+
+Implement `runApprouterGate` per the Interfaces signature: call `approuterGateDecision(env)`; if `run:false` log a loud warning naming the reason and return `0`; else `spawn('node', buildApprouterGateArgs(opts, env.APPROUTER_URL), { stdio: 'inherit', env: { ...env, PUBLISH_SLUG: opts.slug } })` and return `result.status ?? 0`.
+
+In `main()`, after the `tutorials.size === 0` check and before `validateProductionBuild`, call it only on the real publish path (NOT verify-only/dry-run/unpublish/purge — those return earlier or are separate branches):
+
+```typescript
+const gateCode = runApprouterGate(
+  { hugoDir: opts.hugoDir, slug: opts.slug, slugs: opts.slugs },
+  process.env,
+);
+if (gateCode !== 0) {
+  console.error('[publish-content] approuter asset gate failed — aborting before any BLOB write.');
+  process.exit(gateCode);
+}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `npx vitest run scripts/__tests__/publish-content-cli.test.ts -t 'runApprouterGate'`
+Expected: PASS.
+
+- [ ] **Step 5: Run the full CLI test file (no regressions)**
+
+Run: `npx vitest run scripts/__tests__/publish-content-cli.test.ts`
+Expected: PASS (all).
+
+- [ ] **Step 6: Commit**
+
+```bash
+git add scripts/publish-content.ts scripts/__tests__/publish-content-cli.test.ts
+git commit -m "feat(#2885): run approuter asset gate before CLI publish"
+```
+
+---
+
+### Task 4: Deploy runbook — mandatory post-deploy QA publish
+
+**Files:**
+- Modify: `docs/developers/operations/mta-deployment.md`
+
+**Interfaces:** docs only.
+
+- [ ] **Step 1: Add a mandatory post-deploy-publish subsection**
+
+Add a subsection stating: whenever a deploy changes a CSS/JS fingerprint, the post-deploy content publish is **mandatory on BOTH surfaces** —
+1. PROD/main: `gh workflow run rebuild-content.yml -f mode=full` (env=prod), confirm green.
+2. QA: `gh workflow run rebuild-content-qa.yml` (or the `Rebuild Content (QA)` UI), confirm green.
+
+Emphasize: **QA does NOT self-heal** (it refreshes only on its own `tutorial-qa-updated` dispatch), the QA publish is the step most often skipped, and the `check-approuter-assets` gate (now on all three paths) will hard-fail a publish that references an unshipped hash. `Rebuild Content (QA)` is the canonical QA path (QA sources from `-Contribution` repos).
+
+- [ ] **Step 2: Verify the doc references resolve**
+
+Run: `grep -n 'rebuild-content-qa\|does NOT self-heal\|check-approuter-assets' docs/developers/operations/mta-deployment.md`
+Expected: matches present.
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add docs/developers/operations/mta-deployment.md
+git commit -m "docs(#2885): make post-deploy QA content publish mandatory"
+```
+
+---
+
+### Task 5: Gotchas regression note
+
+**Files:**
+- Modify: `docs/developers/reference/tutorials-ims-gotchas.md` ("Top Gotchas — full detail" section, ~line 108)
+
+**Interfaces:** docs only.
+
+- [ ] **Step 1: Add the regression entry**
+
+Add an entry: a fingerprint-changing deploy strands **both** `/tutorials/*` and `/tutorials-qa/*` until each surface is re-published; an MTA deploy does not re-bake HTML BLOBs; the `check-approuter-assets.cjs` gate now blocks a publish referencing an unshipped CSS/JS hash on all three paths (`rebuild-content.yml`, `rebuild-content-qa.yml`, and the `publish-content.ts` CLI — CLI bypass is `SKIP_APPROUTER_GATE=1`, loud); QA does not self-heal. Cross-reference issue #2885.
+
+- [ ] **Step 2: Verify**
+
+Run: `grep -n '2885\|stranded\|self-heal' docs/developers/reference/tutorials-ims-gotchas.md`
+Expected: match present.
+
+- [ ] **Step 3: Commit**
+
+```bash
+git add docs/developers/reference/tutorials-ims-gotchas.md
+git commit -m "docs(#2885): add stranded-asset regression note to gotchas"
+```
+
+---
+
+### Task 6: Whole-suite sanity + PR
+
+**Files:** none (verification + PR).
+
+- [ ] **Step 1: Run the publish-content + approuter-assets test suites**
+
+Run: `npx vitest run scripts/__tests__/publish-content-cli.test.ts test/unit/check-approuter-assets.test.ts`
+Expected: PASS (all).
+
+- [ ] **Step 2: Push the branch and open a PR targeting DEV**
+
+```bash
+git push -u origin worktree-2885-publish-asset-gate
+gh pr create --base DEV --title "fix(#2885): gate content publish on approuter-served CSS/JS assets (QA + CLI)" --body "<summary + Closes #2885>"
+```
diff --git a/docs/superpowers/specs/2026-10-22-app-space-parallel-paths-design.md b/docs/superpowers/specs/2026-10-22-app-space-parallel-paths-design.md
new file mode 100644
index 000000000..4ce0c083c
--- /dev/null
+++ b/docs/superpowers/specs/2026-10-22-app-space-parallel-paths-design.md
@@ -0,0 +1,144 @@
+# App Space — Parallel paths within a track (fork lanes & free-order clusters)
+
+**Status:** Design — approved in brainstorming, pending plan
+**Date:** 2026-10-22
+**Author:** Tom (DevRel) + Claude
+**Target branch:** `DEV` (new feature — per project convention, not `main`)
+**Related:** #172 (branching paths, partial — alt-group fields), #2866 (completion window), the App Space subsystem (`hugo-apps/src/app-space/`)
+
+---
+
+## 1. Intent & the why
+
+The App Space tool (`/app-space/?eventid=…`, `hugo-apps/src/app-space/AppSpace.vue`) is how event attendees (SAP TechEd, Sapphire, Dev Garage) pick a **track**, work through its tutorials, and earn a prize. Today every track is a **single linear chain**: tutorial → tutorial → checkpoint → prize, each step unlocking strictly when the previous one is `COMPLETED`.
+
+Two real tracks for **2026 SAP TechEd Berlin** don't fit a straight line:
+
+1. **A forking track** ("Explore Agentic AI with CAP"): one shared setup tutorial, then the path **splits into two independent branches** — an *MCP* branch (a chain of tutorials) and an *Agents* branch (another chain). The attendee can pursue both. This is the diagram Tom brought to the design.
+2. **A free-order track**: a setup tutorial followed by **6–7 tutorials offered in parallel**, completable in **any order**, no sequence between them.
+
+Neither is expressible today, so these tracks either get mis-modeled as arbitrary linear sequences (forcing a false order) or can't be offered. The why: give event attendees genuine choice of route through a track, and let authors model "do both branches" or "pick your own order" without inventing a parallel concept per event.
+
+**The guiding principle Tom set:** reuse concepts that already exist in the data model — the **`itemOrder` field** and the **GROUP path-item + Group entity** — rather than introduce new schema. Parallelism should *fall out of* how an admin already authors path items.
+
+## 2. The authoring model (decided)
+
+Everything keys off two things an author already sets on a `CompletionPathItems` row: its **Order** (`itemOrder`) and its **type** (`taskType`).
+
+**Rule: path items that share the same `itemOrder` within a path are parallel.** What that parallelism looks like depends on their type:
+
+| Shape | How the author models it | Renders as |
+|---|---|---|
+| **Linear step** | One path-item at a unique Order | A single timeline node (today's behavior) |
+| **Parallel-any cluster** | N **TUTORIAL** path-items sharing one Order | An unordered cluster — all unlock at once, any order |
+| **Fork / branch** | 2+ **GROUP** path-items sharing one Order | Side-by-side lanes; each GROUP expands **in place** as its own ordered chain |
+
+Segments run in **Order sequence**: all items at Order *N* must satisfy their completion rule before Order *N+1* unlocks. A single GROUP alone at an Order keeps today's behavior (expands inline as a linear run of its tutorials). The *new* behavior is triggered only when **2+ items share an Order**.
+
+### Worked examples
+
+**Forking track** (Order values illustrative):
+- Order 10 — TUTORIAL "Set up CAP Node.js dev env" (shared root)
+- Order 20 — GROUP "MCP" **and** GROUP "Agents" (two GROUP rows, both Order 20) → two parallel lanes. Each GROUP row *may* also carry a Prize (see §3) to reward its lane on its own.
+- Order 30 — CHECKPOINT "Agentic AI T-shirt" (after the fork; carries the `prize` association) → needs both lanes
+
+**Free-order track:**
+- Order 10 — TUTORIAL "Set up CAP dev space" (must be first)
+- Order 20 — 6× TUTORIAL rows, all Order 20 → cluster, any order
+- Order 30 — CHECKPOINT "Sampler badge" (carries the `prize` association)
+
+> **Terminology note (grounded in the schema).** There is **no `PRIZE` `TaskType`** — the enum is `{ TUTORIAL; GROUP; CHECKPOINT; PUZZLE; PETOBERFEST; KTT_LESSON }` (`db/schema.cds:20`). A track's reward is authored as a **`CHECKPOINT` path-item that carries a `prize` association** (`CompletionPathItems.prize`, schema:476); the App Space barcode/claim UI keys off `type === 'CHECKPOINT'`. The Vue code's `'PRIZE'` type is a **frontend-only display state** the resolver never emits today. Throughout this doc, "prize/checkpoint" means that CHECKPOINT-with-prize path-item.
+
+## 3. Completion rules = prize/checkpoint placement (decided)
+
+**No new completion-config field, and no new schema.** The rule for "what finishes a parallel segment" is expressed by **where the author places the reward** — using fields that already exist on the rows.
+
+**The keystone — GROUP + Prize on the same path-item row (per-lane reward).** `CompletionPathItems` already has **both** `group : Association to Groups` (schema:474) **and** `prize : Association to Prizes` (schema:476) on the same row. When an author sets a GROUP path-item **and** fills in its Prize field, the resolver, after expanding that group's tutorials into a lane, **appends a synthetic CHECKPOINT item carrying that prize at the end of the lane**. Effect: completing **that one branch** earns its reward — the "any one path" rule — *without* needing a checkpoint/prize slot inside `GroupPathItems` (which is tutorial-only: `tutorial @mandatory`, schema:488–490, and is **not** extended by this design).
+
+The synthetic lane-end checkpoint is **derived by the resolver from the path-item's `prize` association**; it is not a separate row the author manages in the Path Items grid. Author's mental model: "GROUP row + Prize on that row = that branch rewards on its own." (Confirmed with Tom: the reward item being implicit is intended.)
+
+**Requirement — the synthetic prize must behave like any normal one (confirmed with Tom).** The resolver must emit the lane-end reward as a **real `CHECKPOINT` output item** (the same shape `shapeItem` already produces: `type: 'CHECKPOINT'`, proper `status`, `imsId`, and a server-computed `unlocked` flag), **not** as a frontend-only `'PRIZE'` display state. This matters because the prize **barcode is already fully decoupled** from authoring: `checkpointBarcodeUrl(eventId)` carries only the event id, the `/api/my-prize-barcode` endpoint reads identity from the **session cookie**, and `shouldShowCheckpointBarcode` fires on `type === 'CHECKPOINT' && unlocked && authenticated` (`checkpoint-barcode.ts:36`) with no dependence on where the checkpoint came from. So a read-time-synthesized CHECKPOINT yields a scannable, claimable barcode identical to a stored one — **provided** it's a true CHECKPOINT in the payload with a correct `unlocked` flag. A plan must not produce a cosmetic-only prize that renders a trophy but no working barcode.
+
+**The join — reward placed *after* the parallel segment (all-paths rule).** A CHECKPOINT path-item at a **higher Order** than the shared fork/cluster Order unlocks only when **all** parallel members at the fork Order are complete.
+
+Both are authorable together: per-lane GROUP+Prize rows at Order 20 **and** a final CHECKPOINT at Order 30 → each branch rewards on its own *and* a final reward needs both. No conflict.
+
+So "complete either branch" vs "complete both" is authored purely by **where the Prize lives** (on the GROUP row vs. on a downstream CHECKPOINT row) — consistent with how linear tracks already work, and nothing new for the admin to learn.
+
+**Parallel-any cluster:** a CHECKPOINT after the cluster requires **all** cluster members complete. (An "N-of-M threshold" — e.g. any 4 of 7 — is explicitly a **non-goal** for this iteration; see §6. All-of is the shipped rule.)
+
+## 4. The rendering (decided — side-by-side lanes)
+
+Chosen over a stacked single-column layout because the fork reads most clearly as literal parallel columns (matches Tom's source diagram). In the **track detail view** of `AppSpace.vue`:
+
+- A **linear** segment renders as today: one bubble + card, vertical connector line down to the next.
+- A **fork** segment renders as a **fork connector** (the backbone splits) into **2+ side-by-side lanes**. Each lane is a labeled column; **the label is the Group's own `title`** (e.g. "MCP", "Agents") read from the `Groups` entity — *not* the #172 `altGroupLabel` (see §5/§7: this design ignores the alt-group fields entirely). Each lane contains that group's tutorials as a mini vertical chain, ending in the synthetic prize item if the GROUP row carried one. If a downstream (post-fork) item exists, the lanes **rejoin** with a join connector into that item.
+- A **parallel-any** segment renders as an **unordered cluster** (grid of cards), all bubbles in the "available" state at once (subject to the setup gate above them), with a heading like "Pick any — complete in any order."
+- **Mobile / 3+ lanes:** lanes are a responsive grid that collapses to stacked labeled blocks on narrow viewports. (Tom approved the 2-lane desktop layout; graceful collapse is a builder responsibility, not a separate decision.)
+
+The mockup Tom approved lives at `.superpowers/brainstorm/*/content/fork-layout.html` for reference (gitignored).
+
+## 5. What this touches (the hard part — grounded in the current code)
+
+**Hard constraint (Tom): NO schema change.** Every field this feature needs already exists in `db/schema.cds` — the change is entirely in *behavior* (resolver, gating, Vue) that re-interprets data the schema already stores. Audit:
+
+| Feature need | Existing field — unchanged |
+|---|---|
+| Parallel grouping key | `CompletionPathItems.itemOrder` (schema:477) — shared Order = parallel |
+| Branch lane | `CompletionPathItems.taskType = GROUP` + `group` assoc (472, 474) |
+| Lane contents (ordered chain) | `GroupPathItems` (group→tutorial, ordered) (488–491) — **not extended** |
+| Per-lane reward | `CompletionPathItems.prize` assoc **on the same GROUP row** (476) |
+| Join reward | `CompletionPathItems.taskType = CHECKPOINT` + `prize`, higher Order |
+| Free-order cluster | N `TUTORIAL` rows sharing one `itemOrder` |
+
+No new entities, columns, or `TaskType` enum values; `GroupPathItems` is untouched; the #172 `altGroupKey`/`altGroupLabel` fields are **ignored**, not extended. The synthetic lane-end checkpoint and the segment structure are **derived at read time** in the resolver — stored rows stay pure existing-schema. This is the mechanism that keeps the feature schema-free.
+
+This is **not** a CSS-only change, though: the current pipeline actively destroys the structure the UI needs:
+
+- **`srv/lib/path-item-task-resolver.js` → `buildPathItems()`** flattens every path into a **flat, order-less array**. GROUP items are expanded inline into their child tutorials and spliced into that flat list; `itemOrder` and group identity are **discarded** in the output. The payload (`AppSpaceTrack.items: AppSpaceItem[]`) has no notion of "these share an Order" or "these belong to the MCP lane." It also **never reads the Group's `title`** (only `GroupPathItems` → tutorials via `expandGroupTutorials`), so sourcing the lane label from the Group title is a **new read/join** to plan.
+- **`hugo-apps/src/app-space/app-space-gating.ts` → `isItemUnlocked()`** gates strictly on the **immediately preceding array index** (`items[index-1].status === 'COMPLETED'`). No concept of Order groups or branch completion.
+- **`AppSpace.vue`** renders one flat vertical `v-for` over `selectedTrack.items`, and computes `isTrackComplete`/`progressPercent`/`completedCount`/barcode-eligibility over that **flat** list (lines 234–243, 299–309).
+
+So the design requires, in order:
+
+1. **Payload shape change** — the track payload carries **segments** (ordered groups keyed by `itemOrder`), each tagged `kind: 'linear' | 'parallel-any' | 'fork'` and carrying its `order`; fork segments carry **named lanes** (label = Group `title`), each with its own ordered items (including a synthetic trailing CHECKPOINT when the GROUP row had a `prize`). A single-item Order stays a `linear` segment so linear tracks are byte-for-byte unchanged. Keep a flattened `items[]` alongside segments if cheaper for back-compat, or migrate the Vue fully to segments — builder's call (§7.2).
+2. **Server builder change** — group path items by `itemOrder` **before** deciding flatten-vs-nest (the detection "2+ members at this Order" must precede the per-item loop that today flattens unconditionally). For a GROUP member, nest the expanded `GroupPathItems` chain under a lane; if that path-item has a `prize`, append a synthetic CHECKPOINT (carrying the prize) to the lane. A **lone** GROUP at an Order keeps today's inline-flatten behavior. Reuse `expandGroupTutorials`; add a batched read of `Groups.title` for lane labels.
+3. **Gating engine change — server-authoritative.** Move unlock computation **server-side**: emit a per-item/`unlocked` (or per-lane/segment completion) flag in the payload, so the client stops index-walking. Rationale (builder call, §7.4): a cluster/fork has no "previous array index"; the server already owns `status` including the #2866 `COMPLETED_OUT_OF_WINDOW` downgrade (`effectiveStatus`) **and** must compose with the #2864 `temporarilyUnavailable` flag (schema:483) — keeping the gate next to that state avoids re-deriving two downgrade rules on the client. `app-space-gating.ts` becomes a thin reader of the server flag (keep its pure signature for tests). Rule: an Order-group unlocks when the previous Order-group meets its completion rule; a post-fork item unlocks only when **all** lanes complete; a GROUP-row's synthetic prize unlocks on **that lane** alone.
+4. **Vue rendering change** — render segments: linear nodes, fork lanes (side-by-side, fork/join connectors), parallel-any clusters. **Recompute track-level aggregates against the authored completion rule, not the flat list:** when a fork uses per-lane rewards ("either branch"), `isTrackComplete`/progress/barcode must treat the track as complete when the authored rule is met (e.g. one lane + its prize), *not* when every tutorial is done — otherwise the progress ring contradicts a prize the user just earned. Preserve status styles, Joule/Sapphire theming, confetti, checkpoint barcode, redo (#2866) and temporarily-unavailable (#2864) states.
+5. **Admin UI** — confirm the Path Items editor allows **duplicate Order values** and setting `group` + `prize` on one row (the screenshot shows Order, a GROUP type, and a Prize field already exist). If the editor blocks duplicate Orders or makes GROUP+Prize authoring awkward, that's in scope. *(Builder: verify against `app/admin/*` completion-path components — §7.3.)*
+
+## 6. Goals / non-goals / anti-goals
+
+**Goals**
+- Model the **entire** feature within the existing schema — zero new entities/columns/enum values (hard constraint from Tom).
+- Author parallel segments using only `itemOrder` + GROUP path-items + the existing `prize` association.
+- Render forks as side-by-side lanes and free-order sets as any-order clusters inside one track.
+- Completion rule ("either branch" vs "both branches") expressed by **where the Prize lives** (GROUP row vs. downstream CHECKPOINT row).
+- Linear tracks render and gate **exactly** as they do today (zero regression).
+
+**Non-goals (this iteration)**
+- **N-of-M thresholds** for clusters ("any 4 of 7"). Ship all-of; shape the segment model so a threshold could be added later without reshaping the payload.
+- Nested forks (a lane that itself forks). Groups expand one level deep, as today.
+- Cross-track dependencies / conditions (the #172 `altCondition` DSL). Out of scope.
+- Changing the track-selection grid ("Choose Your Track") — only the **detail** view changes.
+- Any change to `db/schema.cds`, `GroupPathItems`, or the `TaskType` enum.
+
+**Anti-goals (would make this a failure even if it "works")**
+- Any regression to existing linear TechEd/Sapphire tracks, to #2866 window gating, or to #2864 temporarily-unavailable handling.
+- Reviving or extending #172's half-built `altGroupKey`/`altGroupLabel` mechanism — this design **ignores** those fields and groups purely on `itemOrder`. Do not make authoring depend on altGroupKey, and do not alter the shared `groupByAlt`/alt-group validator for this feature.
+- Making authors learn a new completion-config UI when Prize placement already expresses intent.
+
+## 7. Open calls left to the builder
+
+The builder-check resolved the data-model questions (folded into §3/§5 as decisions: CHECKPOINT-with-prize is the reward; grouping is pure-`itemOrder`; alt-group fields ignored; lane labels from Group `title`; gating moves server-side; track aggregates follow the authored rule). What remains genuinely open:
+
+1. **Exact payload schema** for segments/lanes (TypeScript interfaces in `AppSpace.vue` + the server shape). Sensible default: `AppSpaceTrack.segments: Array<LinearSegment | ClusterSegment | ForkSegment>`, each tagged by `kind` and carrying `order`; decide whether to keep a parallel flat `items[]` for back-compat or migrate the Vue fully to segments.
+2. **Admin editor ergonomics** — verify the Path Items editor allows duplicate Order values and GROUP+Prize on one row; extend only if it blocks them.
+3. **Test strategy** — unit tests for the server segment builder and the (now server-side) gating rule (in-memory SQLite, `npm test`), including a lone-GROUP-stays-linear regression and a `temporarilyUnavailable`-member-in-a-fork case; plus a committed e2e spec for the detail view (advisory per CLAUDE.md for `app/**`/`hugo/**`).
+
+## 8. Constraints
+
+- CAP Node.js backend; HANA in prod, in-memory SQLite for unit tests. Never SELECT a HANA BLOB alongside metadata (not relevant here — these are metadata reads).
+- Frontend is a Vue 3 island built into `hugo/static/js/` — not a route. Island manifest/build caveats from CLAUDE.md apply at deploy time.
+- Feature should be shippable behind the existing event/mission plumbing; no new env var (DB-driven config is the house style, but here no config is even needed — placement drives behavior).
+- PR to `DEV`; no direct merge to `main`.
diff --git a/docs/superpowers/specs/2026-10-23-app-space-parallel-any-prize-design.md b/docs/superpowers/specs/2026-10-23-app-space-parallel-any-prize-design.md
new file mode 100644
index 000000000..f4131f245
--- /dev/null
+++ b/docs/superpowers/specs/2026-10-23-app-space-parallel-any-prize-design.md
@@ -0,0 +1,197 @@
+# App Space — `parallel-any` any-one prize + fork connector alignment (design delta)
+
+> **STATUS: DEFERRED / NOT BUILT (2026-10-23).** Superseded by a product
+> decision: the "N plain tutorials, any one → one *shared* prize" shape is not
+> needed. For the driving event (`10000015`) the requirement is better served by
+> authoring themed **fork lanes** with a per-lane prize (the already-shipped
+> #2887/#2889 keystone — verified working), which keeps each prize behind a full
+> branch of work. The physical prize ceiling (max 2) is enforced server-side at
+> claim time (`PrizeRecords` CLAIMED, capped at 2) regardless of how many
+> checkpoints unlock, so "don't make prizes too easy" is handled by branch-sized
+> gating + the cap, not by a shared-prize any-of rule. Kept as a record in case a
+> future event genuinely needs "any one of N → exactly one shared prize".
+>
+> **Delta on** [`2026-10-22-app-space-parallel-paths-design.md`](2026-10-22-app-space-parallel-paths-design.md)
+> (the #2887/#2889 segments work). This doc adds ONE new behavior and ONE
+> rendering fix; it does not re-open the decided data model. Target: `DEV`.
+
+## 1. Intent (the why)
+
+An event author wants a track that offers **N tutorials as free choices** and
+awards **a single shared prize for completing any one of them**. Concretely
+(live DEV event `10000015`, mission "Joule Studio — Create an Agent to claim
+your prize"): 8 beginner tutorials shown "complete these in any order", one
+checkpoint "Complete One of these to Claim Your Prize".
+
+Today this is **not expressible**. Yesterday's design (`2026-10-22`) built two
+reward shapes:
+
+- **per-lane prize** — a `fork` lane (GROUP row) carrying its own `prize`
+  (`§3`, keystone): completing *that branch* earns *that branch's* reward.
+- **join prize** — a CHECKPOINT at a higher order after a fork: needs **all**
+  lanes.
+
+A cluster of plain tutorials sharing an `itemOrder` classifies as
+`parallel-any` (`classifyPathSegments`: 2+ members, none GROUP). `parallel-any`
+was spec'd as a pure **all-of setup gate** — "complete in any order" means
+*order-free*, **not** *any-one*. So:
+
+- Authoring the 8 as `parallel-any` + a downstream checkpoint → the checkpoint
+  is gated by `isSegmentSatisfied(parallel-any) = items.every(complete)` →
+  requires **all 8**. (This is exactly what the user observes: one done,
+  prize still locked.)
+- Authoring the 8 as a `fork` of single-tutorial GROUP lanes → gives **8
+  separate per-lane prizes**, not one shared prize. The user explicitly
+  rejected this.
+
+**There is no current authoring that yields "N plain tutorials, any one, one
+shared prize."** This delta adds exactly that.
+
+## 2. Goals / non-goals / anti-goals
+
+**Goal.** A CHECKPOINT-with-`prize` path-item placed at an `itemOrder`
+immediately **after** a `parallel-any` cluster unlocks when **at least one**
+member of that cluster is complete (strict `COMPLETED`, #2866/#2864 rules
+intact). Authoring stays pure-placement: 8 TUTORIAL rows at one order + a
+CHECKPOINT-with-prize at a higher order. No schema change, no new field.
+
+**Non-goals.**
+- "N of M" thresholds (complete 2 of 8). Out of scope; see §6 note.
+- Changing fork / per-lane-prize / join behavior in any way.
+- Any admin-UI authoring change (the Path Items editor already allows
+  duplicate orders + CHECKPOINT+prize rows — verify, don't extend).
+
+**Anti-goals (failure even if it "works").**
+- The fork "Claim Your Prize after both branches" track (DEV event with two
+  `Branch` lanes → join checkpoint) changing behavior at all. It must stay
+  locked until **all** lanes complete. This is pinned by a regression test
+  reproducing that exact screenshot.
+- Any existing `parallel-any`-then-more-work track silently completing early.
+  A `parallel-any` cluster that is **not** immediately followed by a
+  prize-bearing checkpoint — i.e. one that gates a *further tutorial segment*
+  — must keep requiring **all** members (so the next WORK segment and
+  track-completion are unchanged).
+
+## 3. The mechanism (decided)
+
+The existing engine already proves the pattern: **fork lane prizes are
+decoupled from `isSegmentSatisfied`** — they unlock via `isLaneTutorialsComplete`
+(per-lane), independent of the fork's overall all-lanes satisfaction. We apply
+the same decoupling to the cluster→prize edge.
+
+`isSegmentSatisfied(parallel-any)` stays `items.every(isComplete)` — it
+continues to gate (a) the next segment's unlock and (b) track completion.
+**Unchanged.** This is what protects "cluster then more required work".
+
+New: when `annotateUnlocked` sets the `unlocked` flag on a segment whose items
+are **prize-bearing CHECKPOINTs** and whose **immediately-preceding** segment is
+`parallel-any`, that checkpoint's unlock uses an **any-of** test over the prior
+cluster — `priorCluster.items.some(isComplete)` — instead of `prevSatisfied`.
+
+Precisely, in `annotateUnlocked`'s per-segment loop, compute the unlock input
+for a checkpoint segment as:
+
+- default: `prevSatisfied` (today's behavior), AND
+- if the previous segment is `parallel-any` AND this segment contains a
+  CHECKPOINT carrying a prize (`prizeId`/prize assoc): unlock that checkpoint
+  on `previous.items.some(isComplete)`.
+
+Plain (no-prize) checkpoints after a `parallel-any` keep `prevSatisfied`
+(all-of) — only the **reward** is any-of, mirroring §3's "reward decoupled"
+principle. A `parallel-any` with no following prize checkpoint is entirely
+unchanged.
+
+**Why not flip `isSegmentSatisfied` to `.some()`:** that single value feeds
+next-segment unlock *and* track completion *and* the prize. Flipping it would
+early-complete any "cluster then more work" track and contradict the locked-in
+test `'cluster locks downstream until ALL members are COMPLETED'`. Decoupling
+touches only the reward edge.
+
+**Track completion (client `isTrackComplete`).** For this shape the prize
+checkpoint is terminal (nothing after it). When its `unlocked` flips on one
+completion, `isTrackComplete`'s existing `terminalPlainUnlocked ||
+lanePrizeUnlocked` rule marks the track done — correct: the prize is earned.
+The other 7 tutorials stay visible and openable (optional). No client gating
+change needed beyond consuming the server `unlocked` flag it already reads.
+Progress ring: confirm it reads "complete" off the earned prize, not 1/8 — if
+it shows 12% next to an earned prize that's the §7 `progressPercent` mismatch
+to reconcile (treat track as 100% when the authored rule is met, per
+`2026-10-22` §7 item 4).
+
+## 4. Rendering fix — fork connector alignment
+
+Second screenshot (the working fork track): the vertical connector lines
+between the backbone, the two lane columns, and the join checkpoint **do not
+line up** — the lane bubbles' connector stubs and the fork/join connectors are
+visually offset. Scope: CSS-only, in `AppSpace.vue` (`.fork-connector`,
+`.join-connector`, lane bubble/`.timeline-line` offsets). Behavior unchanged;
+`AppSpace.segments.test.ts` fork-render assertions must still pass. This is
+cosmetic and independent of §3 — separate commit, same PR.
+
+## 4a. PREREQUISITE — resolver must emit `prizeId` on a standalone checkpoint
+
+**Verified against `path-item-task-resolver.js` (DEV):** `prizeId` is emitted in
+exactly ONE place — the synthetic fork-lane checkpoint (`buildPathSegments`
+lines 404-419, inside the `fork` branch, when `item.prize_ID` is set). A
+**standalone** CHECKPOINT-with-prize path-item (how event `10000015`'s prize is
+authored: a plain CHECKPOINT row at its own `itemOrder` carrying a `prize`
+association) goes through the **`linear` single-item branch** (lines 363-376),
+which calls `shapeItem(task, effLegacyId, record, item.taskType,
+item.checkpointTitle, event)` — and `shapeItem` **never reads `prize_ID`**, so
+the emitted item carries **no prize marker at all**.
+
+Therefore the §3 detection ("checkpoint carrying a prize") has nothing to match
+today. **This is a prerequisite code change, not a field-name footnote:** the
+resolver's linear branch (and `shapeItem` or its call site) must thread
+`prize_ID` → emit `prizeId` on the standalone CHECKPOINT output item, BEFORE or
+WITH the `annotateUnlocked` change. Without it the any-of unlock silently never
+fires. (Bonus: once emitted, the client's existing `isTrackComplete`
+`lanePrizeUnlocked = checkpoints.some(c => c.prizeId != null && unlocked)` branch
+already treats it as track-complete — confirming §3's "no client gating change",
+but only *because* this emit lands.)
+
+## 4b. "Immediately preceding" means nearest prior segment, not strict `i-1`
+
+The any-of rule fires only when the prize checkpoint's **nearest preceding
+segment is a `parallel-any` cluster with nothing but that cluster between them**
+(i.e. `segments[i-1].kind === 'parallel-any'`). If an author places a `linear`
+WORK segment (a required tutorial) between the cluster and the prize, the any-of
+rule does **not** apply — the intervening segment gates normally (all-of), which
+is exactly §2's anti-goal ("cluster then more required work stays all-of"). So
+the predicate is strict array-adjacency on the sorted segments: previous segment
+is `parallel-any`. A prize checkpoint not directly preceded by a `parallel-any`
+keeps today's `prevSatisfied` behavior unchanged.
+
+## 5. What's left to the builder
+
+1. **CSS specifics** of the connector misalignment — measure against the
+   screenshot; pick the minimal rule change that aligns backbone↔lane↔join.
+   No pixel-level test exists; budget a manual visual-verify loop on DEV.
+   Separate commit, same PR (owner's call).
+2. **Progress ring reconciliation IS in scope for this PR** (owner's call):
+   `progressPercent` must report complete (100%) when the authored rule is met —
+   i.e. when `isTrackComplete` is true — so an earned any-of prize doesn't sit
+   beside a "1 of 8 / 12%" ring. Regression-test linear + fork per-lane tracks
+   so the ring is unchanged for them.
+3. **Test matrix** (TDD, author tests first):
+   - NEW: `parallel-any` cluster (2 members) + downstream prize checkpoint →
+     checkpoint `unlocked` when **one** member COMPLETED; locked when none.
+   - NEW (negative): same cluster but followed by a *plain* checkpoint or a
+     *further tutorial* segment → stays all-of (one-complete does NOT unlock).
+   - REGRESSION (anti-goal guard): the two-lane fork → join checkpoint
+     (reproducing screenshot 2) is byte-for-byte unchanged — join locked with
+     one lane done, unlocked only with both.
+   - #2866 / #2864: an OOW or temporarily-unavailable member does **not** count
+     toward the any-of unlock.
+   - Client: cluster + earned prize → `isTrackComplete` true, other members
+     still openable.
+
+## 6. Constraints / notes
+
+- No `db/schema.cds` change. Pure read-time derivation from `itemOrder`,
+  `taskType`, `prize`.
+- PR to `DEV`; no direct merge to `main`. Verify on live DEV event `10000015`
+  (republishing/rebinding as needed — DEV is the only live tier).
+- **"N of M" deferred, not designed here.** If a future event needs "complete 2
+  of 8", that needs an explicit count (a new field or convention) — flagged so
+  this any-of rule doesn't get silently stretched into it.
diff --git a/docs/superpowers/specs/2026-10-23-badge-scanner-v2-design.md b/docs/superpowers/specs/2026-10-23-badge-scanner-v2-design.md
new file mode 100644
index 000000000..f92942683
--- /dev/null
+++ b/docs/superpowers/specs/2026-10-23-badge-scanner-v2-design.md
@@ -0,0 +1,222 @@
+# Badge Scanner v2 — Design
+
+**Date:** 2026-10-23
+**Branch:** `worktree-scanner-badge-v2` (off `origin/DEV`) → PR targets **DEV**
+**Status:** Awaiting approval
+
+## DEV data ground-truth (probed 2026-10-23, read-only against DEV HANA)
+
+Settles the builder-check's data questions with real numbers, not assumptions:
+
+| Metric | DEV value |
+|---|---|
+| `PrizeRecords` total | 41,633 |
+| Distinct `status` values | `CLAIMED` (14,686), `EARNED` (26,947) — only these two |
+| CLAIMED rows with a populated `prize` (named) | **14,686 — i.e. ALL of them** |
+| CLAIMED rows with null `prize` | **0** |
+| `Prizes` catalog rows | 16 |
+
+**Implications (these override the earlier null-prize caveats below):**
+- **G4 is the common path, not an edge case.** Every CLAIMED record resolves to a
+  real prize name. The "generic row for null-prize handovers" becomes a cheap
+  defensive guard (the v2 `claimPrizeForContestant` null-`prize` flow has
+  evidently not written rows on DEV), not a primary code path. `claimedPrizeNames`
+  will populate for real.
+- **`EARNED` is a real, high-volume status** (26,947 rows). `getEventStats` must
+  count ONLY `CLAIMED` as "claimed." Additionally surface `EARNED` as
+  **"earned, awaiting handover"** per event — it's the operationally useful
+  "ready to collect" signal and nearly 2× the CLAIMED volume.
+- **"Claimed vs available" is meaningful**: a 16-row catalog, event-scoped
+  CLAIMED slice. Label honestly (handovers recorded vs catalog size); do not
+  imply the two are a strict fraction.
+
+## Builder-check resolutions (my calls, folded in)
+
+1. **Badge `eventId` is a legacyId**, resolved via `Events.legacyId == eventId`
+   (the existing handler already does this). **Fail-soft:** if `eventId` is
+   absent/`0`/unresolvable, the contestant card still renders; the event-stats
+   panel is simply hidden (no error). Builder implements the hidden-panel path.
+2. **Statuses are `CLAIMED` / `EARNED` only** (probed). `getEventStats` counts
+   CLAIMED for "claimed"; adds an `earnedAwaitingHandover` count. No other
+   statuses to worry about.
+3. **`claimedPrizeNames` resolves real names** (probed: 100% of CLAIMED have a
+   prize). Null-`prize` handling stays as a guard, not a main path.
+4. **Vue test = a light unit test** of (a) `nextTick`-before-`scan` ordering and
+   (b) null→`0 of 2` coercion — NOT a full component-mount harness (none exists
+   under `hugo-apps/` today; standing one up is out of scope for this change).
+
+## Intent & Why
+
+The Badge Scanner is the operator-facing tool used at an event prize table.
+An operator scans a contestant's badge QR to (1) confirm they are looking at
+the right person, (2) see that person's progress and which prizes they have
+already claimed, (3) record a capped prize handover, and (4) glance at how the
+event is going overall. Today the tool is not usable: the Vue version's camera
+never opens, and even via the manual path the contestant card shows
+`null of 2` prizes claimed with blank completion counts. It also does not show
+*which* prizes were claimed, nor any event-level picture.
+
+This redesign makes the tool do the operator's real job at the table.
+
+## Goals
+
+- **G1 — Camera works** in the Vue "Badge Scanner" (`/scanner-vue/`).
+- **G2 — Real prize count**: contestant card shows an accurate `N of 2`, never
+  `null`.
+- **G3 — Identity line** for eyeball verification against the physical badge:
+  `LastName, F.` (last name in full, first name as a single initial). **No
+  email, ever** — nothing more than last name + first initial crosses the wire.
+- **G4 — Claimed prize names**: list the names of prizes this contestant has
+  already claimed (claimed-only; not the full catalog).
+- **G5 — Event stats panel** under the contestant card, refreshed once per
+  scan (no polling, no toggle), scoped to the event tied to the scanned badge:
+  - **Prize totals** — total CLAIMED prize records across all contestants vs.
+    total prizes available for the event.
+  - **Participation** — number of distinct contestants with ≥1 completion for
+    the event, and how many of those have claimed ≥1 prize.
+  - **Completion totals** — sum of tutorials / groups / missions completed
+    across the event's participants.
+
+## Non-Goals
+
+- **Not** touching the UI5 scanner (`app/scanner/`, `/scanner-ui/`). It stays
+  as-is; the Vue `/scanner-vue/` "Badge Scanner" is the one being fixed. (The
+  user confirmed the Vue one is the target; the UI5 one is the older
+  `sap.ndc.BarcodeScanner` app.)
+- **No** always-on / live-refreshing event dashboard. Stats are a per-scan
+  snapshot. A standing dashboard is a separate idea if ever wanted.
+- **No** full prize catalog with per-prize claimed/unclaimed flags per
+  contestant — user chose "claimed prize names only."
+- **No** change to the capped-handover flow (max 2 CLAIMED per user+event) or
+  its atomicity guarantees.
+- **No** new auth scope — stays `@requires: 'MobileApp'`.
+
+## Anti-Goals (what makes this a failure even if it "works")
+
+- Leaking PII onto a shared operator device — specifically, surfacing email or
+  a full first name. If the identity line shows more than `LastName, F.`, that
+  is a failure.
+- A prize count that is ever `null`, `undefined`, or `NaN` on screen — the bug
+  we are fixing must not reappear in a new field.
+- Event stats that silently use the wrong event-scoping signal and so report
+  numbers that don't match reality (see Constraint C2).
+
+## Constraints
+
+- **C1 — CAP/CQL only.** No raw SQL. Use `cds.ql`/CQL. (`claimPrizeForContestant`
+  uses `forUpdate()` for the cap; that atomicity stays untouched.) Project rule.
+- **C2 — Event scoping = `TaskRecords.event_ID == event.ID`.** This scanner is
+  the badge / App-Space path, where `TaskRecords.event` carries the event
+  association. This is distinct from Devtoberfest gameboard scoring, which
+  scopes by date window `[startDate,endDate]` and deliberately ignores
+  `event_ID`. **Builder must not** swap in the date-window approach here. The
+  event is resolved by `Events.legacyId == eventId` (as the current handler
+  already does), then its UUID used for `event_ID` filters.
+- **C3 — Completion semantic matches today's.** "Has-ever-completed" DISTINCT by
+  `(user_ID, taskLegacyId)`, counting `COMPLETED` + `SUPERSEDED`, as the current
+  `getContestant` does. Event completion totals reuse the exact same semantic so
+  the per-contestant numbers and the aggregate are consistent.
+- **C4 — `@requires: 'MobileApp'`** unchanged; identity response carries only
+  `lastName` + a derived `firstInitial` (single char), computed server-side so
+  the full first name never leaves the server.
+- **C5 — Branch/deploy hygiene.** Work on `worktree-scanner-badge-v2` off
+  `origin/DEV`; PR → **DEV** (`main` is protected, no hotfix path). Never deploy
+  a feature branch.
+
+## The How (decided)
+
+### Service — `srv/scanner-service.cds` + `srv/scanner-service.js`
+
+**Extend `getContestant`** return shape with identity + claimed prize names:
+
+```cds
+function getContestant(accountNumber : String, eventId : Integer) returns {
+  lastName           : String;   // full last name (badge match)
+  firstInitial       : String;   // single char, derived server-side
+  tutorialsCompleted : Integer;
+  groupsCompleted    : Integer;
+  missionsCompleted  : Integer;
+  claimedCount       : Integer;
+  claimedPrizeNames  : array of String;   // names of CLAIMED prizes (this user+event)
+  prizeRecords       : String;            // kept: "N of 2 prizes claimed" (back-compat)
+};
+```
+
+Handler changes:
+- Select `firstName`, `lastName` off the user; return `lastName` and
+  `firstInitial = (firstName || '').trim().charAt(0).toUpperCase()`.
+- When resolving CLAIMED `PrizeRecords` for the (user, event), expand the
+  `prize` association (or follow-up SELECT on `Prizes`) to collect
+  `claimedPrizeNames` (drop nulls — new-flow handovers have a null `prize`;
+  show those as a count only, not a named line — builder's call on label).
+
+**New `getEventStats` function:**
+
+```cds
+function getEventStats(eventId : Integer) returns {
+  eventName         : String;
+  prizesClaimed     : Integer;   // count of CLAIMED PrizeRecords for the event
+  prizesAvailable   : Integer;   // count of Prizes rows for the event
+  earnedAwaitingHandover : Integer; // count of EARNED (not-yet-CLAIMED) for the event
+  participants      : Integer;   // distinct users with >=1 completion for the event
+  participantsClaimed : Integer; // distinct users with >=1 CLAIMED prize for the event
+  tutorialsCompleted : Integer;  // sum across event participants (DISTINCT semantic)
+  groupsCompleted    : Integer;
+  missionsCompleted  : Integer;
+};
+```
+
+Handler: resolve event by `legacyId`; `prizesAvailable` = `Prizes` count where
+`event_ID`; `prizesClaimed` = CLAIMED `PrizeRecords` where `event_ID`;
+`participantsClaimed` = distinct `user_ID` in those CLAIMED records;
+participants + completion totals from `TaskRecords` where `event_ID` and
+`status in (COMPLETED, SUPERSEDED)`, applying the C3 DISTINCT-by-
+`(user_ID, taskLegacyId)` semantic before counting/summing.
+
+### Vue — `hugo-apps/src/scanner-vue/`
+
+- **`useBarcodeScanner.ts` / `ScannerApp.vue` (G1):** `onScan()` sets
+  `state.value = 'scanning'` then `await nextTick()` **before** calling
+  `scan()`, so the `<video ref="videoRef">` in the `scanning` branch is mounted
+  when `scan()` reads `videoRef.value`. (Root cause: today it reads the ref in
+  the same tick, before Vue renders that branch, so it throws "Video element
+  not available" and tears the camera down.)
+- **`types.ts`:** add `lastName`, `firstInitial`, `claimedPrizeNames: string[]`
+  to `ContestantData`; add an `EventStats` interface.
+- **`useScannerApi.ts`:** add `getEventStats(eventId)`; keep the `json.value ??
+  json` unwrap (CAP function results wrap in `{value}`); ensure numeric fields
+  coerce with `?? 0` so a missing key renders `0`, never `null` (G2 defense in
+  depth).
+- **`ScannerApp.vue`:** identity header → `{{ lastName }}, {{ firstInitial }}.`;
+  render `claimedPrizeNames` as a small list (empty → "None yet"); add an
+  event-stats section below the card populated from `getEventStats`, fetched in
+  `loadContestant` alongside the contestant.
+
+### Tests (TDD)
+
+- Extend `test/unit/scanner-contestant-count.test.js`: asserts `claimedCount` is
+  a number, `lastName`/`firstInitial` correct, `claimedPrizeNames` resolves prize
+  names and omits nulls.
+- New `test/unit/scanner-event-stats.test.js`: seed users/taskrecords/prizes/
+  prizerecords for an event; assert each aggregate, including DISTINCT semantics
+  and event scoping (a record on a *different* event must not leak in).
+- Vue: a `scanner-vue` test covering `nextTick`-before-`scan` ordering and that
+  a `null` claimedCount from the API renders `0 of 2`, not `null of 2`.
+
+## Left to the builder
+
+- Exact Fundamental-Styles markup for the identity line, claimed-prize list, and
+  event-stats section (match existing `.scanner-card` styling).
+- Label wording for null-`prize` new-flow handovers in the claimed list
+  (count-only vs. a generic "Prize" label).
+- Whether `getEventStats` is a second fetch or folded into one round-trip — a
+  separate function is specified for testability; builder may combine if cheaper.
+- Precise CQL for the DISTINCT aggregates (set-based vs. in-memory dedupe) as
+  long as C2/C3 hold and no raw SQL is used.
+
+## Rollout
+
+- PR → **DEV**. Verify on the DEV approuter
+  (`https://tutorial-system-dev-tutorials-approuter.cfapps.eu10-005.hana.ondemand.com/scanner-vue/`)
+  with a real badge before claiming done (Tom's #1 rule). `/scanner-ui/` and
+  `/scanner-vue/` are both `MobileApp`-gated.
diff --git a/hugo-apps/package-lock.json b/hugo-apps/package-lock.json
index 62b5ac96a..958940471 100644
--- a/hugo-apps/package-lock.json
+++ b/hugo-apps/package-lock.json
@@ -12,6 +12,7 @@
         "cropperjs": "1.6.2",
         "graphology": "0.26.0",
         "graphology-layout-forceatlas2": "0.10.1",
+        "jsqr": "1.4.0",
         "konva": "^9.3.0",
         "onnxruntime-web": "^1.20.0",
         "sigma": "3.0.3",
@@ -1310,6 +1311,12 @@
       "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
       "license": "MIT"
     },
+    "node_modules/jsqr": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/jsqr/-/jsqr-1.4.0.tgz",
+      "integrity": "sha512-dxLob7q65Xg2DvstYkRpkYtmKm2sPJ9oFhrhmudT1dZvNFFTlroai3AWSpLey/w5vMcLBXRgOJsbXpdN9HzU/A==",
+      "license": "Apache-2.0"
+    },
     "node_modules/konva": {
       "version": "9.3.22",
       "resolved": "https://registry.npmjs.org/konva/-/konva-9.3.22.tgz",
diff --git a/hugo-apps/package.json b/hugo-apps/package.json
index 3c6869b2e..de7b9ff81 100644
--- a/hugo-apps/package.json
+++ b/hugo-apps/package.json
@@ -9,13 +9,14 @@
   },
   "dependencies": {
     "@imgly/background-removal": "^1.7.0",
-    "onnxruntime-web": "^1.20.0",
     "@mediapipe/tasks-vision": "^0.10.35",
+    "canvas-confetti": "1.9.4",
+    "cropperjs": "1.6.2",
     "graphology": "0.26.0",
     "graphology-layout-forceatlas2": "0.10.1",
+    "jsqr": "1.4.0",
     "konva": "^9.3.0",
-    "canvas-confetti": "1.9.4",
-    "cropperjs": "1.6.2",
+    "onnxruntime-web": "^1.20.0",
     "sigma": "3.0.3",
     "socket.io-client": "^4.8.0",
     "vue": "^3.5.0",
diff --git a/hugo-apps/src/app-space/AppSpace.vue b/hugo-apps/src/app-space/AppSpace.vue
index 061e0b78a..7371ca5ad 100644
--- a/hugo-apps/src/app-space/AppSpace.vue
+++ b/hugo-apps/src/app-space/AppSpace.vue
@@ -4,6 +4,7 @@ import { useRealtimeProgress } from './useRealtimeProgress'
 import { useConfetti } from '../composables/useConfetti'
 import { checkpointBarcodeUrl as _checkpointBarcodeUrl, shouldShowCheckpointBarcode as _shouldShowCheckpointBarcode } from './checkpoint-barcode'
 import { isItemUnlocked as _isItemUnlocked, isTutorialOpenable as _isTutorialOpenable } from './app-space-gating'
+import type { GatingItem } from './app-space-gating'
 
 // ── Configuration ─────────────────────────────────────────────────
 const eventId = ref<number | null>(null)
@@ -45,7 +46,7 @@ const logoUrl = computed(() =>
 
 // ── Interfaces ─────────────────────────────────────────────────────
 interface AppSpaceItem {
-  imsId: number
+  imsId: number | null
   title: string
   type: 'TUTORIAL' | 'CHECKPOINT' | 'PRIZE'
   status: string
@@ -55,13 +56,51 @@ interface AppSpaceItem {
   url: string
   description: string
   recordId?: number
+  // #2887: server-computed per-item unlock flag (Task 3). Preferred by
+  // app-space-gating's isItemUnlocked over the legacy index-adjacency fallback.
+  unlocked?: boolean
+  // #2864: a path item flagged temporarily unavailable upstream (admin-toggled),
+  // with an optional human-readable reason.
+  temporarilyUnavailable?: boolean
+  unavailableReason?: string
+  // #2887: synthetic lane-end prize checkpoints carry the prize legacyId. The
+  // item still has type==='CHECKPOINT' so it flows through the normal barcode
+  // path (shouldShowCheckpointBarcode keys only on type/unlocked/authenticated).
+  prizeId?: number | null
+}
+
+// #2887: nested segment structure produced by srv/lib/path-item-task-resolver.js
+// (buildPathSegments) and annotated with per-item `unlocked` by
+// srv/lib/app-space-segments.js (annotateUnlocked). The detail view renders
+// from these; the legacy flat `items[]` is kept for back-compat (overview grid
+// counts) and older payloads that predate segments.
+interface ForkLane {
+  label: string
+  items: AppSpaceItem[]
+}
+interface LinearSegment {
+  order: number
+  kind: 'linear'
+  items: AppSpaceItem[]
+}
+interface ClusterSegment {
+  order: number
+  kind: 'parallel-any'
+  items: AppSpaceItem[]
+}
+interface ForkSegment {
+  order: number
+  kind: 'fork'
+  lanes: ForkLane[]
 }
+type AppSpaceSegment = LinearSegment | ClusterSegment | ForkSegment
 
 interface AppSpaceTrack {
   id: number
   title: string
   description: string
   items: AppSpaceItem[]
+  segments?: AppSpaceSegment[]
 }
 
 interface AppSpaceData {
@@ -223,25 +262,171 @@ function tutorialItems(track: AppSpaceTrack): AppSpaceItem[] {
   return track.items.filter(i => i.type === 'TUTORIAL')
 }
 
+// Tutorial count that works for both segment and legacy flat tracks.
+function trackTutorialCount(track: AppSpaceTrack): number {
+  return hasSegments(track) ? segmentTutorials(track).length : tutorialItems(track).length
+}
+
+// ── Segment helpers (#2887) ────────────────────────────────────────
+// The detail view renders from `track.segments`. Aggregates (counts, percent,
+// complete, barcode eligibility) are computed over segments when present so the
+// AUTHORED completion rule is honored — a per-lane prize means that lane
+// completing can satisfy the track's reward, while a downstream checkpoint
+// after the fork requires all lanes. We do NOT define "complete" as "every flat
+// tutorial COMPLETED" — that would contradict a prize already earned on one lane.
+
+function trackSegments(track: AppSpaceTrack): AppSpaceSegment[] {
+  return track.segments ?? []
+}
+
+function hasSegments(track: AppSpaceTrack): boolean {
+  return Array.isArray(track.segments) && track.segments.length > 0
+}
+
+// Flatten every item a segment contains (cluster/linear items, or all lane items
+// for a fork). Used for progress math and "all tutorials" totals.
+function segmentItems(seg: AppSpaceSegment): AppSpaceItem[] {
+  if (seg.kind === 'fork') return seg.lanes.flatMap(l => l.items)
+  return seg.items
+}
+
+// All items across a track's segments (flattened). Synthetic lane prizes
+// (CHECKPOINT with prizeId) are included — they render and claim like any
+// checkpoint.
+function allSegmentItems(track: AppSpaceTrack): AppSpaceItem[] {
+  return trackSegments(track).flatMap(segmentItems)
+}
+
+// #2896: horizontal position of lane `li`'s bubble center within a fork/join
+// connector whose width spans the `.lanes` grid (N equal 1fr columns, 1rem gap).
+// = lane left edge + the bubble's fixed inset from its lane's left edge
+// (1px border + 0.6rem lane padding + 1.125rem half-bubble ≈ 1.8rem). Keeps the
+// drop/up stubs aligned to each lane's lock bubble at any lane count / width.
+function laneBubbleLeft(li: number, laneCount: number): string {
+  return `calc((100% - ${laneCount - 1}rem) / ${laneCount} * ${li} + ${li}rem + 1.8rem)`
+}
+
+// TUTORIAL items across all segments — the denominator for progress.
+function segmentTutorials(track: AppSpaceTrack): AppSpaceItem[] {
+  return allSegmentItems(track).filter(i => i.type === 'TUTORIAL')
+}
+
+// An item counts as "done" only on a strict COMPLETED (mirrors the server's
+// isComplete in app-space-segments.js; #2866 COMPLETED_OUT_OF_WINDOW and #2864
+// temporarilyUnavailable never count).
+function itemDone(item: AppSpaceItem): boolean {
+  if (item.temporarilyUnavailable) return false
+  return item.status === 'COMPLETED'
+}
+
+// A lane is complete when all its non-prize items are done (the server uses the
+// same rule to unlock the lane's synthetic prize + any downstream join).
+function laneTutorialsDone(lane: ForkLane): boolean {
+  const work = lane.items.filter(i => !i.prizeId)
+  return work.length > 0 && work.every(itemDone)
+}
+
+// #2890: a GROUP's temporarilyUnavailable/unavailableReason now DOES propagate
+// onto its expanded child tutorials server-side (buildPathSegments stamps the
+// GROUP path-item onto each child). A lane is unavailable when any of its items
+// carries the flag — which, post-propagation, covers a GROUP-level toggle too.
+// The lane column gets a visibly-unavailable state (dimmed + a notice).
+function laneUnavailable(lane: ForkLane): boolean {
+  return lane.items.some(i => i.temporarilyUnavailable)
+}
+
 function completedCount(track: AppSpaceTrack): number {
+  if (hasSegments(track)) return segmentTutorials(track).filter(itemDone).length
   return tutorialItems(track).filter(i => i.status === 'COMPLETED').length
 }
 
 function trackTotalTime(track: AppSpaceTrack): number {
+  if (hasSegments(track)) return segmentTutorials(track).reduce((sum, i) => sum + i.timeToComplete, 0)
   return tutorialItems(track).reduce((sum, i) => sum + i.timeToComplete, 0)
 }
 
+// #2887 authored completion rule: a track is complete when its reward is
+// satisfiable. A segment carrying a synthetic lane prize (CHECKPOINT+prizeId)
+// completes the track's reward as soon as THAT lane's tutorials are done; a
+// downstream CHECKPOINT (no prizeId) requires all preceding work. We model this
+// as: the track is complete when a reward is claimable, OR (no checkpoints
+// authored) when all tutorials are done.
+//
+// #2889: prize-aware restriction of the old `checkpoints.some(unlocked)` rule.
+// Two checkpoint kinds, by authoring intent:
+//   • lane-prize (prizeId set) — authored to earn the reward the moment ITS lane
+//     finishes, so ANY unlocked lane-prize completes the track (keeps `some`).
+//   • plain downstream (no prizeId) — a join that requires preceding work; only
+//     the TERMINAL one marks the whole track done. Keying off *any* unlocked
+//     plain checkpoint would falsely complete a track whose authored checkpoint
+//     sits at a non-terminal order while later tutorials remain. `allSegmentItems`
+//     flattens segments in authored (ascending `order`) order, so the LAST
+//     non-prize checkpoint is the highest-order one.
 function isTrackComplete(track: AppSpaceTrack): boolean {
-  const tuts = tutorialItems(track)
-  return tuts.length > 0 && tuts.every(i => i.status === 'COMPLETED')
+  if (!hasSegments(track)) {
+    const tuts = tutorialItems(track)
+    return tuts.length > 0 && tuts.every(i => i.status === 'COMPLETED')
+  }
+  const items = allSegmentItems(track)
+  const checkpoints = items.filter(i => i.type === 'CHECKPOINT')
+  if (checkpoints.length > 0) {
+    // Any lane-prize checkpoint being unlocked earns the reward on its own.
+    const lanePrizeUnlocked = checkpoints.some(c => c.prizeId != null && isSegmentItemUnlocked(c))
+    // Otherwise, only the highest-order plain (non-prize) checkpoint counts —
+    // the terminal join. Lower-order plain checkpoints never complete the track.
+    const plainCheckpoints = checkpoints.filter(c => c.prizeId == null)
+    const terminalPlain = plainCheckpoints[plainCheckpoints.length - 1]
+    const terminalPlainUnlocked = terminalPlain != null && isSegmentItemUnlocked(terminalPlain)
+    return lanePrizeUnlocked || terminalPlainUnlocked
+  }
+  const tuts = segmentTutorials(track)
+  return tuts.length > 0 && tuts.every(itemDone)
 }
 
 function progressPercent(track: AppSpaceTrack): number {
-  const tuts = tutorialItems(track)
+  const tuts = hasSegments(track) ? segmentTutorials(track) : tutorialItems(track)
   if (tuts.length === 0) return 0
   return Math.round((completedCount(track) / tuts.length) * 100)
 }
 
+// Per-item unlock. Prefers the server flag (set on every segment item by
+// annotateUnlocked). Segment items always carry `unlocked`; fall back to the
+// shared gating helper (single-item array) only for the defensive case where
+// the flag is missing.
+function isSegmentItemUnlocked(item: AppSpaceItem): boolean {
+  if (typeof item.unlocked === 'boolean') return item.unlocked
+  return _isItemUnlocked([item as unknown as GatingItem], 0)
+}
+
+// A TUTORIAL's link stays live if it's a redo (#2866) or unlocked.
+function isSegmentTutorialOpenable(item: AppSpaceItem): boolean {
+  if (item.type !== 'TUTORIAL') return false
+  if (item.status === 'COMPLETED_OUT_OF_WINDOW') return true
+  return isSegmentItemUnlocked(item)
+}
+
+function segmentItemStatusClass(item: AppSpaceItem): string {
+  if (item.status === 'COMPLETED') return 'step--completed'
+  if (item.status === 'COMPLETED_OUT_OF_WINDOW') return 'step--redo'
+  if (item.status === 'EARNED') return 'step--earned'
+  if (item.status === 'IN_PROGRESS') return 'step--in-progress'
+  if (isSegmentItemUnlocked(item)) return 'step--available'
+  return 'step--locked'
+}
+
+function handleSegmentItemClick(item: AppSpaceItem) {
+  if (item.type === 'TUTORIAL' && isSegmentTutorialOpenable(item) && item.url) {
+    window.open(item.url, '_blank')
+  }
+}
+
+// Barcode parity (#2887): the synthetic lane-end CHECKPOINT (prizeId) and a
+// normal downstream CHECKPOINT flow through the exact same predicate — it keys
+// only on type==='CHECKPOINT' && unlocked && authenticated.
+function shouldShowSegmentBarcode(item: AppSpaceItem): boolean {
+  return _shouldShowCheckpointBarcode(item, isSegmentItemUnlocked(item), authenticated.value)
+}
+
 function isItemUnlocked(track: AppSpaceTrack, index: number): boolean {
   return _isItemUnlocked(track.items, index)
 }
@@ -297,7 +482,7 @@ function shouldShowCheckpointBarcode(track: AppSpaceTrack, index: number): boole
 
 // ── Computed ───────────────────────────────────────────────────────
 const totalTutorials = computed(() =>
-  tracks.value.reduce((sum, t) => sum + tutorialItems(t).length, 0)
+  tracks.value.reduce((sum, t) => sum + (hasSegments(t) ? segmentTutorials(t).length : tutorialItems(t).length), 0)
 )
 
 const totalCompleted = computed(() =>
@@ -455,7 +640,7 @@ const emptyStateMessage = computed(() => {
           <h3 class="track-card__title">{{ track.title }}</h3>
           <p class="track-card__desc">{{ track.description }}</p>
           <div class="track-card__meta">
-            <span class="track-card__count">{{ tutorialItems(track).length }} tutorials</span>
+            <span class="track-card__count">{{ trackTutorialCount(track) }} tutorials</span>
             <span class="track-card__time">{{ formatTime(trackTotalTime(track)) }}</span>
           </div>
           <div class="track-card__progress-bar">
@@ -476,19 +661,268 @@ const emptyStateMessage = computed(() => {
         </button>
         <div class="detail-title-row">
           <h2 class="detail-title">{{ selectedTrack.title }}</h2>
-          <span class="detail-progress">{{ completedCount(selectedTrack) }} / {{ tutorialItems(selectedTrack).length }} completed</span>
+          <span class="detail-progress">{{ completedCount(selectedTrack) }} / {{ trackTutorialCount(selectedTrack) }} completed</span>
         </div>
         <p class="detail-desc">{{ selectedTrack.description }}</p>
       </div>
 
-      <div class="timeline">
+      <!-- ── Segment timeline (#2887) ──────────────────────────────
+           Renders from selectedTrack.segments: linear nodes, side-by-side fork
+           lanes with fork/join connectors, and any-order clusters. Falls back
+           to the legacy flat timeline for payloads without segments. -->
+      <div class="timeline" v-if="hasSegments(selectedTrack)">
+        <template v-for="(seg, segIndex) in trackSegments(selectedTrack)" :key="seg.order">
+
+          <!-- Linear segment: one node per item (as today) -->
+          <template v-if="seg.kind === 'linear'">
+            <div
+              v-for="item in seg.items"
+              :key="item.imsId ?? item.title"
+              class="timeline-item"
+              :class="[segmentItemStatusClass(item), `timeline-item--${item.type.toLowerCase()}`]"
+            >
+              <div class="timeline-line" v-if="segIndex < trackSegments(selectedTrack).length - 1"></div>
+              <div
+                class="timeline-bubble"
+                @click="handleSegmentItemClick(item)"
+                :class="{ clickable: item.type === 'TUTORIAL' && isSegmentTutorialOpenable(item) }"
+              >
+                <svg v-if="!isSegmentItemUnlocked(item) && item.status !== 'COMPLETED' && item.status !== 'EARNED' && item.status !== 'COMPLETED_OUT_OF_WINDOW'"
+                  width="18" height="18" viewBox="0 0 24 24" fill="none">
+                  <rect x="3" y="11" width="18" height="11" rx="2" stroke="currentColor" stroke-width="2"/>
+                  <path d="M7 11V7a5 5 0 0 1 10 0v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                </svg>
+                <svg v-else-if="item.status === 'COMPLETED'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                  <path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+                <svg v-else-if="item.status === 'COMPLETED_OUT_OF_WINDOW'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                  <path d="M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+                <svg v-else-if="item.type === 'PRIZE' || item.type === 'CHECKPOINT'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                  <path d="M8 21h8M12 17v4M7 4h10M7 4V3h10v1M7 4H5a2 2 0 0 0 0 4h2M17 4h2a2 2 0 0 1 0 4h-2M7 8c0 3 2 5 5 5s5-2 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+                <span v-else-if="item.status === 'IN_PROGRESS'" class="bubble-progress">{{ item.progress }}%</span>
+                <span v-else class="bubble-number">{{ segIndex + 1 }}</span>
+              </div>
+              <div class="timeline-content">
+                <div class="timeline-content__header">
+                  <span class="item-type-label" :class="`item-type--${item.type.toLowerCase()}`">
+                    {{ item.type === 'TUTORIAL' ? 'Tutorial' : item.type === 'CHECKPOINT' ? 'Checkpoint' : 'Prize' }}
+                  </span>
+                  <span v-if="item.experience" class="item-experience">{{ item.experience }}</span>
+                  <span v-if="item.timeToComplete > 0" class="item-time">{{ formatTime(item.timeToComplete) }}</span>
+                </div>
+                <h4 class="timeline-content__title"
+                  :class="{ clickable: item.type === 'TUTORIAL' && isSegmentTutorialOpenable(item) }"
+                  @click="handleSegmentItemClick(item)"
+                >{{ item.title }}</h4>
+                <p class="timeline-content__desc" v-if="item.description && item.type !== 'PRIZE'">{{ item.description }}</p>
+                <p class="redo-hint" v-if="item.status === 'COMPLETED_OUT_OF_WINDOW'">
+                  Completed before the event — reset your progress and complete it again during the event to earn your prize.
+                </p>
+                <div v-if="shouldShowSegmentBarcode(item)" class="checkpoint-barcode">
+                  <img :src="checkpointBarcodeUrl()" alt="Prize barcode" class="checkpoint-barcode__img" width="150" height="150" />
+                  <p class="checkpoint-barcode__caption">Show this to an instructor to claim your prize.</p>
+                </div>
+                <p v-else-if="item.type === 'CHECKPOINT' && isSegmentItemUnlocked(item) && !authenticated" class="checkpoint-signin-hint">
+                  <a href="#" @click.prevent="startLogin">Sign in</a> to get your prize code.
+                </p>
+                <div v-if="(item.type === 'PRIZE' || item.type === 'CHECKPOINT') && !isSegmentItemUnlocked(item) && item.status !== 'EARNED'" class="prize-locked">
+                  <p class="prize-locked__text">Complete the required tutorials to unlock your prize.</p>
+                </div>
+              </div>
+            </div>
+          </template>
+
+          <!-- parallel-any cluster: grid of cards, all available once unlocked -->
+          <template v-else-if="seg.kind === 'parallel-any'">
+            <div class="cluster-wrap">
+              <div class="cluster-header">Complete these in any order</div>
+              <div class="cluster">
+                <div
+                  v-for="item in seg.items"
+                  :key="item.imsId ?? item.title"
+                  class="timeline-item timeline-item--cluster"
+                  :class="[segmentItemStatusClass(item), `timeline-item--${item.type.toLowerCase()}`]"
+                >
+                  <div
+                    class="timeline-bubble"
+                    @click="handleSegmentItemClick(item)"
+                    :class="{ clickable: item.type === 'TUTORIAL' && isSegmentTutorialOpenable(item) }"
+                  >
+                    <svg v-if="!isSegmentItemUnlocked(item) && item.status !== 'COMPLETED' && item.status !== 'EARNED' && item.status !== 'COMPLETED_OUT_OF_WINDOW'"
+                      width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <rect x="3" y="11" width="18" height="11" rx="2" stroke="currentColor" stroke-width="2"/>
+                      <path d="M7 11V7a5 5 0 0 1 10 0v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                    </svg>
+                    <svg v-else-if="item.status === 'COMPLETED'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <svg v-else-if="item.status === 'COMPLETED_OUT_OF_WINDOW'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <path d="M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <svg v-else-if="item.type === 'PRIZE' || item.type === 'CHECKPOINT'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <path d="M8 21h8M12 17v4M7 4h10M7 4V3h10v1M7 4H5a2 2 0 0 0 0 4h2M17 4h2a2 2 0 0 1 0 4h-2M7 8c0 3 2 5 5 5s5-2 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span v-else-if="item.status === 'IN_PROGRESS'" class="bubble-progress">{{ item.progress }}%</span>
+                    <span v-else class="bubble-dot">&bull;</span>
+                  </div>
+                  <div class="timeline-content">
+                    <div class="timeline-content__header">
+                      <span class="item-type-label" :class="`item-type--${item.type.toLowerCase()}`">
+                        {{ item.type === 'TUTORIAL' ? 'Tutorial' : item.type === 'CHECKPOINT' ? 'Checkpoint' : 'Prize' }}
+                      </span>
+                      <span v-if="item.experience" class="item-experience">{{ item.experience }}</span>
+                      <span v-if="item.timeToComplete > 0" class="item-time">{{ formatTime(item.timeToComplete) }}</span>
+                    </div>
+                    <h4 class="timeline-content__title"
+                      :class="{ clickable: item.type === 'TUTORIAL' && isSegmentTutorialOpenable(item) }"
+                      @click="handleSegmentItemClick(item)"
+                    >{{ item.title }}</h4>
+                    <p class="timeline-content__desc" v-if="item.description && item.type !== 'PRIZE'">{{ item.description }}</p>
+                    <p class="redo-hint" v-if="item.status === 'COMPLETED_OUT_OF_WINDOW'">
+                      Completed before the event — reset your progress and complete it again during the event to earn your prize.
+                    </p>
+                    <div v-if="shouldShowSegmentBarcode(item)" class="checkpoint-barcode">
+                      <img :src="checkpointBarcodeUrl()" alt="Prize barcode" class="checkpoint-barcode__img" width="150" height="150" />
+                      <p class="checkpoint-barcode__caption">Show this to an instructor to claim your prize.</p>
+                    </div>
+                    <p v-else-if="item.type === 'CHECKPOINT' && isSegmentItemUnlocked(item) && !authenticated" class="checkpoint-signin-hint">
+                      <a href="#" @click.prevent="startLogin">Sign in</a> to get your prize code.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </template>
+
+          <!-- fork: side-by-side labeled lanes with fork/join connectors -->
+          <template v-else>
+            <div class="fork-connector" aria-hidden="true">
+              <span class="fork-connector__stem"></span>
+              <!-- #2896 follow-up: bar starts at the STEM (backbone bubble center,
+                   1.175rem) not at lane-0's bubble, so the vertical stem and the
+                   horizontal bar connect instead of leaving a ~10px jog. -->
+              <span
+                class="fork-connector__bar"
+                :style="{ left: '1.175rem', right: `calc(100% - (${laneBubbleLeft(seg.lanes.length - 1, seg.lanes.length)}))` }"
+              ></span>
+              <span
+                v-for="(lane, li) in seg.lanes"
+                :key="'fd-' + li"
+                class="fork-connector__drop"
+                :style="{ left: laneBubbleLeft(li, seg.lanes.length) }"
+              ></span>
+            </div>
+            <div class="lanes" :style="{ '--lane-count': seg.lanes.length }">
+              <div
+                v-for="(lane, li) in seg.lanes"
+                :key="'lane-' + li"
+                class="lane"
+                :class="{ 'lane--unavailable': laneUnavailable(lane), 'lane--complete': laneTutorialsDone(lane) }"
+              >
+                <div class="lane__label">
+                  <span class="lane__name">{{ lane.label }}</span>
+                  <span class="lane__badge">Branch</span>
+                </div>
+                <p v-if="laneUnavailable(lane)" class="lane__unavailable-note">
+                  Temporarily unavailable — check back soon.
+                </p>
+                <div
+                  v-for="(item, ii) in lane.items"
+                  :key="item.imsId ?? (item.prizeId != null ? 'prize-' + item.prizeId : item.title)"
+                  class="timeline-item lane__step"
+                  :class="[segmentItemStatusClass(item), `timeline-item--${item.type.toLowerCase()}`]"
+                >
+                  <div class="timeline-line" v-if="ii < lane.items.length - 1"></div>
+                  <div
+                    class="timeline-bubble"
+                    @click="handleSegmentItemClick(item)"
+                    :class="{ clickable: item.type === 'TUTORIAL' && isSegmentTutorialOpenable(item) }"
+                  >
+                    <svg v-if="!isSegmentItemUnlocked(item) && item.status !== 'COMPLETED' && item.status !== 'EARNED' && item.status !== 'COMPLETED_OUT_OF_WINDOW'"
+                      width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <rect x="3" y="11" width="18" height="11" rx="2" stroke="currentColor" stroke-width="2"/>
+                      <path d="M7 11V7a5 5 0 0 1 10 0v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                    </svg>
+                    <svg v-else-if="item.status === 'COMPLETED'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <svg v-else-if="item.status === 'COMPLETED_OUT_OF_WINDOW'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <path d="M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <svg v-else-if="item.type === 'PRIZE' || item.type === 'CHECKPOINT'" width="18" height="18" viewBox="0 0 24 24" fill="none">
+                      <path d="M8 21h8M12 17v4M7 4h10M7 4V3h10v1M7 4H5a2 2 0 0 0 0 4h2M17 4h2a2 2 0 0 1 0 4h-2M7 8c0 3 2 5 5 5s5-2 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <span v-else-if="item.status === 'IN_PROGRESS'" class="bubble-progress">{{ item.progress }}%</span>
+                    <span v-else class="bubble-number">{{ ii + 1 }}</span>
+                  </div>
+                  <div class="timeline-content">
+                    <div class="timeline-content__header">
+                      <span class="item-type-label" :class="`item-type--${item.type.toLowerCase()}`">
+                        {{ item.type === 'TUTORIAL' ? 'Tutorial' : item.type === 'CHECKPOINT' ? 'Checkpoint' : 'Prize' }}
+                      </span>
+                      <span v-if="item.experience" class="item-experience">{{ item.experience }}</span>
+                      <span v-if="item.timeToComplete > 0" class="item-time">{{ formatTime(item.timeToComplete) }}</span>
+                    </div>
+                    <h4 class="timeline-content__title"
+                      :class="{ clickable: item.type === 'TUTORIAL' && isSegmentTutorialOpenable(item) }"
+                      @click="handleSegmentItemClick(item)"
+                    >{{ item.title }}</h4>
+                    <p class="timeline-content__desc" v-if="item.description && item.type !== 'PRIZE'">{{ item.description }}</p>
+                    <p class="redo-hint" v-if="item.status === 'COMPLETED_OUT_OF_WINDOW'">
+                      Completed before the event — reset your progress and complete it again during the event to earn your prize.
+                    </p>
+                    <div v-if="shouldShowSegmentBarcode(item)" class="checkpoint-barcode">
+                      <img :src="checkpointBarcodeUrl()" alt="Prize barcode" class="checkpoint-barcode__img" width="150" height="150" />
+                      <p class="checkpoint-barcode__caption">Show this to an instructor to claim your prize.</p>
+                    </div>
+                    <p v-else-if="item.type === 'CHECKPOINT' && isSegmentItemUnlocked(item) && !authenticated" class="checkpoint-signin-hint">
+                      <a href="#" @click.prevent="startLogin">Sign in</a> to get your prize code.
+                    </p>
+                    <div v-if="(item.type === 'PRIZE' || item.type === 'CHECKPOINT') && !isSegmentItemUnlocked(item) && item.status !== 'EARNED'" class="prize-locked">
+                      <p class="prize-locked__text">Complete this branch's tutorials to unlock your prize.</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- join connector into the next segment, if one exists -->
+            <div
+              class="join-connector"
+              aria-hidden="true"
+              v-if="segIndex < trackSegments(selectedTrack).length - 1"
+              :style="{ '--lane-count': seg.lanes.length }"
+            >
+              <span
+                v-for="(lane, li) in seg.lanes"
+                :key="'ju-' + li"
+                class="join-connector__up"
+                :style="{ left: laneBubbleLeft(li, seg.lanes.length) }"
+              ></span>
+              <!-- #2896 follow-up: bar reaches the down-stem (1.175rem) so the
+                   join bar and the single stem into the next segment connect. -->
+              <span
+                class="join-connector__bar"
+                :style="{ left: '1.175rem', right: `calc(100% - (${laneBubbleLeft(seg.lanes.length - 1, seg.lanes.length)}))` }"
+              ></span>
+              <span class="join-connector__down"></span>
+            </div>
+          </template>
+
+        </template>
+      </div>
+
+      <!-- ── Legacy flat timeline (payloads without segments) ────── -->
+      <div class="timeline" v-else>
         <div
           v-for="(item, index) in selectedTrack.items"
-          :key="item.imsId"
+          :key="item.imsId ?? index"
           class="timeline-item"
           :class="[
             itemStatusClass(selectedTrack, index),
-            `timeline-item--${item.type.toLowerCase()}`
+            `timeline-item--${item.type.toLowerCase()}`,
+            { 'timeline-item--unavailable': item.temporarilyUnavailable }
           ]"
         >
           <!-- Connecting line -->
@@ -540,6 +974,13 @@ const emptyStateMessage = computed(() => {
               :class="{ clickable: item.type === 'TUTORIAL' && isTutorialOpenable(selectedTrack, index) }"
               @click="handleItemClick(selectedTrack, index, item)"
             >{{ item.title }}</h4>
+            <!-- #2864: path item temporarily disabled by an admin — badge it,
+                 and (via isTutorialOpenable) the title/bubble are no longer
+                 clickable. Reason, when authored, shows below the badge. -->
+            <div class="item-unavailable" v-if="item.temporarilyUnavailable">
+              <span class="item-unavailable__badge">Temporarily Unavailable</span>
+              <span class="item-unavailable__reason" v-if="item.unavailableReason">{{ item.unavailableReason }}</span>
+            </div>
             <p class="timeline-content__desc" v-if="item.description && item.type !== 'PRIZE'">{{ item.description }}</p>
             <!-- #2866: completed before/after the event — doesn't count; prompt a redo during the event. -->
             <p class="redo-hint" v-if="item.status === 'COMPLETED_OUT_OF_WINDOW'">
@@ -1109,6 +1550,39 @@ const emptyStateMessage = computed(() => {
   color: var(--sapCriticalColor, #e76500);
 }
 
+/* #2864: path item temporarily disabled by an admin. Greyed + delinked (the
+   title/bubble lose their .clickable via isTutorialOpenable), with a badge
+   mirroring the mission-page "Temporarily Unavailable" treatment. */
+.timeline-item--unavailable .timeline-content {
+  opacity: 0.6;
+}
+.timeline-item--unavailable .timeline-content__title {
+  cursor: default;
+  text-decoration: none;
+}
+.item-unavailable {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  margin: 0.375rem 0 0;
+}
+.item-unavailable__badge {
+  align-self: flex-start;
+  padding: 0.125rem 0.5rem;
+  border-radius: 0.75rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--sapNeutralTextColor, #5b738b);
+  background: var(--sapNeutralBackground, #eaecee);
+  border: 1px solid var(--sapNeutralBorderColor, #a9b4be);
+}
+.item-unavailable__reason {
+  font-size: 0.8125rem;
+  line-height: 1.35;
+  color: var(--sapContent_LabelColor, #556b82);
+}
+
 .step--locked .timeline-content {
   opacity: 0.65;
 }
@@ -1250,6 +1724,183 @@ const emptyStateMessage = computed(() => {
   font-style: italic;
 }
 
+/* ── Segment renderer: fork lanes + any-order clusters (#2887) ───────── */
+
+/* Any-order cluster: grid of cards, all available at once. */
+.cluster-wrap {
+  margin: 0 0 0.75rem;
+}
+
+.cluster-header {
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  color: var(--sapContent_LabelColor, #556b82);
+  margin: 0.25rem 0 0.4rem 0.79rem;
+}
+
+.cluster {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 0.6rem;
+  border: 1px dashed var(--sapGroup_ContentBorderColor, #c5cfda);
+  border-radius: 0.5rem;
+  padding: 0.75rem;
+  background: rgba(16, 126, 62, 0.02);
+}
+
+/* Cluster cards drop the vertical connecting stem — they're parallel. */
+.timeline-item--cluster {
+  padding-bottom: 0;
+}
+
+/* Fork lanes: side-by-side columns. */
+.lanes {
+  display: grid;
+  grid-template-columns: repeat(var(--lane-count, 2), 1fr);
+  gap: 1rem;
+  margin-bottom: 0.2rem;
+}
+
+.lane {
+  border: 1px dashed var(--sapGroup_ContentBorderColor, #c5cfda);
+  border-radius: 0.5rem;
+  padding: 0.6rem;
+  background: rgba(0, 112, 242, 0.015);
+  min-width: 0;
+}
+
+.lane--complete {
+  border-color: var(--sapPositiveColor, #107e3e);
+  background: rgba(16, 126, 62, 0.03);
+}
+
+/* #2887 cross-task note — temporarily-unavailable branch surfacing (UI-only). */
+.lane--unavailable {
+  opacity: 0.6;
+  filter: grayscale(0.4);
+}
+
+.lane__label {
+  font-size: 0.7rem;
+  font-weight: 700;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  color: var(--sapTextColor, #32363a);
+  margin-bottom: 0.5rem;
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+}
+
+.lane__badge {
+  font-size: 0.6rem;
+  color: var(--sapAccentColor8, #6c32a9);
+  background: rgba(108, 50, 169, 0.08);
+  padding: 0.1rem 0.35rem;
+  border-radius: 0.25rem;
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+.lane__unavailable-note {
+  font-size: 0.72rem;
+  color: var(--sapCriticalColor, #e76500);
+  margin: 0 0 0.5rem;
+}
+
+.lane__step {
+  padding-bottom: 0.5rem;
+}
+
+.lane__step:last-child {
+  padding-bottom: 0;
+}
+
+/* Fork connector: stem from the backbone, a horizontal bar, drops to each lane.
+   #2896: origin matches .lanes (no left margin) so per-lane drop offsets computed
+   from the grid line up with each lane's bubble center. */
+.fork-connector {
+  position: relative;
+  height: 1.6rem;
+  margin: 0.2rem 0;
+}
+.fork-connector__stem {
+  position: absolute;
+  top: 0;
+  left: 1.175rem;
+  width: 2px;
+  height: 0.8rem;
+  background: var(--sapNeutralBorderColor, #d9d9d9);
+}
+.fork-connector__bar {
+  position: absolute;
+  top: 0.8rem;
+  height: 2px;
+  background: var(--sapNeutralBorderColor, #d9d9d9);
+}
+.fork-connector__drop {
+  position: absolute;
+  top: 0.8rem;
+  width: 2px;
+  height: 0.8rem;
+  background: var(--sapNeutralBorderColor, #d9d9d9);
+}
+
+/* Join connector: drops up from each lane into a bar, then a single stem down
+   into the next segment. */
+.join-connector {
+  position: relative;
+  height: 1.4rem;
+  margin: 0.2rem 0;
+}
+.join-connector__up {
+  position: absolute;
+  bottom: 0.6rem;
+  width: 2px;
+  height: 0.8rem;
+  background: var(--sapNeutralBorderColor, #d9d9d9);
+}
+.join-connector__bar {
+  position: absolute;
+  bottom: 0.6rem;
+  height: 2px;
+  background: var(--sapNeutralBorderColor, #d9d9d9);
+}
+.join-connector__down {
+  position: absolute;
+  bottom: 0;
+  left: 1.175rem;
+  width: 2px;
+  height: 0.6rem;
+  background: var(--sapNeutralBorderColor, #d9d9d9);
+}
+
+/* Dot bubble for any-order cluster cards (no sequential number). */
+.bubble-dot {
+  font-size: 1rem;
+  line-height: 1;
+}
+
+/* Responsive: collapse lanes to stacked labeled blocks + cluster to 1 col. */
+@media (max-width: 680px) {
+  .lanes {
+    grid-template-columns: 1fr;
+  }
+  .cluster {
+    grid-template-columns: 1fr;
+  }
+  /* Connectors are a desktop affordance; hide the horizontal split on stacked
+     lanes where columns no longer sit side by side. */
+  .fork-connector__bar,
+  .fork-connector__drop,
+  .join-connector__up,
+  .join-connector__bar {
+    display: none;
+  }
+}
+
 /* ── Skeleton Loading ──────────────────────────────────── */
 .loading-grid {
   display: grid;
diff --git a/hugo-apps/src/app-space/__tests__/AppSpace.segments.test.ts b/hugo-apps/src/app-space/__tests__/AppSpace.segments.test.ts
new file mode 100644
index 000000000..3af87f5d6
--- /dev/null
+++ b/hugo-apps/src/app-space/__tests__/AppSpace.segments.test.ts
@@ -0,0 +1,373 @@
+// @vitest-environment happy-dom
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+
+// The realtime composable opens a socket.io connection; stub it so mounting the
+// logged-in / has-tracks path doesn't attempt a real WebSocket in tests.
+vi.mock('../useRealtimeProgress', async () => {
+  const { ref } = await import('vue')
+  return { useRealtimeProgress: () => ({ lastCompletion: ref(null), connected: ref(false) }) }
+})
+
+import AppSpace from '../AppSpace.vue'
+import { shouldShowCheckpointBarcode } from '../checkpoint-barcode'
+
+function stubFetch(handler: (url: string) => { ok: boolean; status: number; body: unknown }) {
+  vi.stubGlobal('fetch', vi.fn(async (input: unknown) => {
+    const { ok, status, body } = handler(String(input))
+    return { ok, status, json: async () => body }
+  }) as unknown as typeof fetch)
+}
+
+// ── Payload builders ─────────────────────────────────────────────────────────
+
+const tutorial = (over: Record<string, unknown> = {}) => ({
+  imsId: 0, title: 'Tut', type: 'TUTORIAL', status: '', progress: 0,
+  experience: '', timeToComplete: 10, url: '/tutorials/x.html', description: '',
+  unlocked: true, temporarilyUnavailable: false, ...over,
+})
+
+// Fork track: setup linear → fork (MCP lane ending in synthetic CHECKPOINT with
+// prizeId, Agents lane without) → downstream CHECKPOINT. `complete` controls
+// whether the lanes' tutorials are finished.
+const forkPayload = (authenticated: boolean, complete: boolean) => ({
+  eventId: 10000006,
+  eventName: 'TechEd 2026',
+  eventType: 'TECHED',
+  authenticated,
+  type: 'COMPLEX',
+  paths: [{
+    id: 1,
+    title: 'Explore Agentic AI with CAP',
+    description: 'Forking track',
+    items: [], // legacy flat list intentionally empty — detail view must use segments
+    segments: [
+      {
+        order: 10, kind: 'linear', items: [
+          tutorial({ imsId: 1, title: 'Set up a dev environment', status: 'COMPLETED', unlocked: true }),
+        ],
+      },
+      {
+        order: 20, kind: 'fork', lanes: [
+          {
+            label: 'MCP',
+            items: [
+              tutorial({ imsId: 2, title: 'Add MCP capabilities', status: complete ? 'COMPLETED' : '', unlocked: true }),
+              {
+                imsId: null, title: 'MCP', type: 'CHECKPOINT', status: '', progress: 0,
+                experience: '', timeToComplete: 0, url: '', description: '',
+                recordId: 0, temporarilyUnavailable: false, prizeId: 500,
+                unlocked: complete, // synthetic lane prize unlocks when THIS lane done
+              },
+            ],
+          },
+          {
+            label: 'Agents',
+            items: [
+              tutorial({ imsId: 3, title: 'Create an agent from a CAP service', status: complete ? 'COMPLETED' : '', unlocked: true }),
+            ],
+          },
+        ],
+      },
+      {
+        order: 30, kind: 'linear', items: [
+          {
+            imsId: 99, title: 'Agentic AI T-shirt', type: 'CHECKPOINT', status: '', progress: 0,
+            experience: '', timeToComplete: 0, url: '', description: '',
+            recordId: 0, temporarilyUnavailable: false,
+            unlocked: complete, // downstream checkpoint: all lanes must finish
+          },
+        ],
+      },
+    ],
+  }],
+})
+
+// Parallel-any track: setup linear → cluster of N tutorials (all available once
+// the setup segment is satisfied).
+const clusterPayload = () => ({
+  eventId: 10000007,
+  eventName: 'TechEd 2026',
+  eventType: 'TECHED',
+  authenticated: true,
+  type: 'COMPLEX',
+  paths: [{
+    id: 2,
+    title: 'CAP Fundamentals Sampler',
+    description: 'Any order',
+    items: [],
+    segments: [
+      {
+        order: 10, kind: 'linear', items: [
+          tutorial({ imsId: 10, title: 'Set up your CAP dev space', status: 'COMPLETED', unlocked: true }),
+        ],
+      },
+      {
+        order: 20, kind: 'parallel-any', items: [
+          tutorial({ imsId: 11, title: 'Add a service', unlocked: true }),
+          tutorial({ imsId: 12, title: 'Add a DB entity', unlocked: true }),
+          tutorial({ imsId: 13, title: 'Add auth', unlocked: true }),
+          tutorial({ imsId: 14, title: 'Add a UI', unlocked: true }),
+        ],
+      },
+    ],
+  }],
+})
+
+// #2889: a track with a NON-TERMINAL plain checkpoint (no prizeId) at a lower
+// order than later tutorials — the latent shape the highest-order rule guards.
+// `earlyUnlocked` toggles whether the mid-track checkpoint is unlocked while the
+// downstream tutorial (and terminal checkpoint) remain incomplete. Only the
+// TERMINAL checkpoint (order 40) should be able to complete the track.
+const nonTerminalCheckpointPayload = (earlyUnlocked: boolean, terminalUnlocked: boolean) => ({
+  eventId: 10000008,
+  eventName: 'TechEd 2026',
+  eventType: 'TECHED',
+  authenticated: true,
+  type: 'COMPLEX',
+  paths: [{
+    id: 3,
+    title: 'Two-stage track with a mid checkpoint',
+    description: 'Checkpoint before more work',
+    items: [],
+    segments: [
+      {
+        order: 10, kind: 'linear', items: [
+          tutorial({ imsId: 20, title: 'Stage one tutorial', status: 'COMPLETED', unlocked: true }),
+        ],
+      },
+      {
+        // Non-terminal plain checkpoint: authored mid-track, no prizeId.
+        order: 20, kind: 'linear', items: [
+          {
+            imsId: 21, title: 'Mid checkpoint', type: 'CHECKPOINT', status: '', progress: 0,
+            experience: '', timeToComplete: 0, url: '', description: '',
+            recordId: 0, temporarilyUnavailable: false, unlocked: earlyUnlocked,
+          },
+        ],
+      },
+      {
+        order: 30, kind: 'linear', items: [
+          tutorial({ imsId: 22, title: 'Stage two tutorial', status: terminalUnlocked ? 'COMPLETED' : '', unlocked: earlyUnlocked }),
+        ],
+      },
+      {
+        // Terminal plain checkpoint (highest order): the real completion gate.
+        order: 40, kind: 'linear', items: [
+          {
+            imsId: 23, title: 'Final checkpoint', type: 'CHECKPOINT', status: '', progress: 0,
+            experience: '', timeToComplete: 0, url: '', description: '',
+            recordId: 0, temporarilyUnavailable: false, unlocked: terminalUnlocked,
+          },
+        ],
+      },
+    ],
+  }],
+})
+
+// #2889: a fork track where the lane-prize checkpoint (prizeId) is unlocked
+// because its lane finished, but the DOWNSTREAM join checkpoint is still locked.
+// Discriminates the prize-aware rule: the unlocked lane prize alone completes
+// the track even though the terminal (highest-order) plain checkpoint is locked.
+const lanePrizeOnlyPayload = () => ({
+  eventId: 10000009,
+  eventName: 'TechEd 2026',
+  eventType: 'TECHED',
+  authenticated: true,
+  type: 'COMPLEX',
+  paths: [{
+    id: 4,
+    title: 'Lane prize earns the reward',
+    description: 'One branch suffices',
+    items: [],
+    segments: [
+      {
+        order: 10, kind: 'fork', lanes: [
+          {
+            label: 'MCP',
+            items: [
+              tutorial({ imsId: 30, title: 'Finish the MCP lane', status: 'COMPLETED', unlocked: true }),
+              {
+                imsId: null, title: 'MCP prize', type: 'CHECKPOINT', status: '', progress: 0,
+                experience: '', timeToComplete: 0, url: '', description: '',
+                recordId: 0, temporarilyUnavailable: false, prizeId: 700,
+                unlocked: true, // this lane is done → lane prize unlocked
+              },
+            ],
+          },
+          {
+            label: 'Agents',
+            items: [
+              tutorial({ imsId: 31, title: 'Agents lane still going', status: '', unlocked: true }),
+            ],
+          },
+        ],
+      },
+      {
+        // Downstream join: needs ALL lanes → still locked while Agents is open.
+        order: 20, kind: 'linear', items: [
+          {
+            imsId: 32, title: 'Grand finale checkpoint', type: 'CHECKPOINT', status: '', progress: 0,
+            experience: '', timeToComplete: 0, url: '', description: '',
+            recordId: 0, temporarilyUnavailable: false, unlocked: false,
+          },
+        ],
+      },
+    ],
+  }],
+})
+
+async function openTrack(wrapper: ReturnType<typeof mount>) {
+  const card = wrapper.find('.track-card')
+  expect(card.exists()).toBe(true)
+  await card.trigger('click')
+  await flushPromises()
+}
+
+describe('AppSpace segment rendering', () => {
+  beforeEach(() => {
+    vi.restoreAllMocks()
+    window.history.replaceState({}, '', '/app-space/?eventId=10000006')
+  })
+
+  it('renders two labeled fork lane columns', async () => {
+    stubFetch((url) => {
+      if (url.includes('getAppSpaceProgress')) return { ok: true, status: 200, body: forkPayload(true, false) }
+      return { ok: false, status: 404, body: {} }
+    })
+    const wrapper = mount(AppSpace)
+    await flushPromises()
+    await openTrack(wrapper)
+
+    const lanes = wrapper.findAll('.lane')
+    expect(lanes.length).toBe(2)
+    const labels = wrapper.findAll('.lane__name').map(n => n.text())
+    expect(labels).toContain('MCP')
+    expect(labels).toContain('Agents')
+    // Fork + join connectors render
+    expect(wrapper.find('.fork-connector').exists()).toBe(true)
+    expect(wrapper.find('.join-connector').exists()).toBe(true)
+  })
+
+  it('locks the downstream checkpoint while lanes are incomplete', async () => {
+    stubFetch((url) => {
+      if (url.includes('getAppSpaceProgress')) return { ok: true, status: 200, body: forkPayload(true, false) }
+      return { ok: false, status: 404, body: {} }
+    })
+    const wrapper = mount(AppSpace)
+    await flushPromises()
+    await openTrack(wrapper)
+
+    // The downstream checkpoint (order 30) must be locked → no barcode even
+    // though the user is authenticated.
+    expect(wrapper.text()).toContain('Agentic AI T-shirt')
+    const barcodes = wrapper.findAll('.checkpoint-barcode__img')
+    // No downstream barcode while incomplete (the synthetic lane prize is also
+    // locked in this state).
+    expect(barcodes.length).toBe(0)
+    // Track is not complete.
+    expect(wrapper.find('.timeline').html()).toBeTruthy()
+  })
+
+  it('shows the synthetic lane checkpoint barcode when unlocked + authenticated, identically to a normal checkpoint', async () => {
+    stubFetch((url) => {
+      if (url.includes('getAppSpaceProgress')) return { ok: true, status: 200, body: forkPayload(true, true) }
+      return { ok: false, status: 404, body: {} }
+    })
+    const wrapper = mount(AppSpace)
+    await flushPromises()
+    await openTrack(wrapper)
+
+    // Synthetic lane-end CHECKPOINT (prizeId) + downstream CHECKPOINT both
+    // unlocked & authenticated → barcodes render.
+    const barcodes = wrapper.findAll('.checkpoint-barcode__img')
+    expect(barcodes.length).toBeGreaterThanOrEqual(1)
+    expect(barcodes[0].attributes('src')).toBe('/api/my-prize-barcode?eventId=10000006')
+
+    // Parity: the helper keys purely on type/unlocked/authenticated — the
+    // synthetic item (with prizeId) and a normal checkpoint behave identically.
+    const syntheticLaneCheckpoint = { type: 'CHECKPOINT' as const, status: '', prizeId: 500 }
+    const normalCheckpoint = { type: 'CHECKPOINT' as const, status: '' }
+    expect(shouldShowCheckpointBarcode(syntheticLaneCheckpoint, true, true))
+      .toBe(shouldShowCheckpointBarcode(normalCheckpoint, true, true))
+    expect(shouldShowCheckpointBarcode(syntheticLaneCheckpoint, true, true)).toBe(true)
+  })
+
+  it('renders a parallel-any cluster with all N cards available after setup', async () => {
+    stubFetch((url) => {
+      if (url.includes('getAppSpaceProgress')) return { ok: true, status: 200, body: clusterPayload() }
+      return { ok: false, status: 404, body: {} }
+    })
+    window.history.replaceState({}, '', '/app-space/?eventId=10000007')
+    const wrapper = mount(AppSpace)
+    await flushPromises()
+    await openTrack(wrapper)
+
+    const cluster = wrapper.find('.cluster')
+    expect(cluster.exists()).toBe(true)
+    // 4 cluster cards, all available (none locked).
+    const clusterItems = cluster.findAll('.timeline-item')
+    expect(clusterItems.length).toBe(4)
+    const locked = cluster.findAll('.step--locked')
+    expect(locked.length).toBe(0)
+  })
+})
+
+// #2889: isTrackComplete / progressPercent over segment payloads. These
+// aggregates drive the overview grid (completion badge + progress ring); the
+// functions aren't exported, so we assert through the rendered card.
+describe('AppSpace track completion aggregate (#2889)', () => {
+  beforeEach(() => {
+    vi.restoreAllMocks()
+  })
+
+  function mountFor(eventId: number, body: unknown) {
+    stubFetch((url) => {
+      if (url.includes('getAppSpaceProgress')) return { ok: true, status: 200, body }
+      return { ok: false, status: 404, body: {} }
+    })
+    window.history.replaceState({}, '', `/app-space/?eventId=${eventId}`)
+    return mount(AppSpace)
+  }
+
+  it('does NOT complete the track when only a non-terminal plain checkpoint is unlocked', async () => {
+    // Mid checkpoint (order 20) unlocked, but downstream tutorial + terminal
+    // checkpoint (order 40) are not → track must read incomplete. This is the
+    // exact latent bug the old `checkpoints.some(unlocked)` rule hit.
+    const wrapper = mountFor(10000008, nonTerminalCheckpointPayload(true, false))
+    await flushPromises()
+    expect(wrapper.find('.track-card--complete').exists()).toBe(false)
+    expect(wrapper.find('.track-card__badge').exists()).toBe(false)
+    // 1 of 2 tutorials done → 50%.
+    expect(wrapper.find('.progress-ring-text').text()).toBe('50%')
+  })
+
+  it('completes the track when the terminal (highest-order) checkpoint unlocks', async () => {
+    const wrapper = mountFor(10000008, nonTerminalCheckpointPayload(true, true))
+    await flushPromises()
+    expect(wrapper.find('.track-card--complete').exists()).toBe(true)
+    expect(wrapper.find('.track-card__badge').exists()).toBe(true)
+    expect(wrapper.find('.progress-ring-text').text()).toBe('100%')
+  })
+
+  it('completes the track when a lane-prize checkpoint unlocks, even with a locked downstream checkpoint', async () => {
+    // Lane prize (prizeId) unlocked because its lane finished; the downstream
+    // join checkpoint is still LOCKED. Prize-aware rule → complete. Reverting to
+    // the old `checkpoints.some(unlocked)` would also pass here, but reverting to
+    // a naive highest-order-only rule would (wrongly) fail — this guards both.
+    const wrapper = mountFor(10000009, lanePrizeOnlyPayload())
+    await flushPromises()
+    expect(wrapper.find('.track-card--complete').exists()).toBe(true)
+    expect(wrapper.find('.track-card__badge').exists()).toBe(true)
+    // MCP lane tutorial done, Agents lane not → 1 of 2 = 50%.
+    expect(wrapper.find('.progress-ring-text').text()).toBe('50%')
+  })
+
+  it('does NOT complete the fork track while every checkpoint is locked', async () => {
+    const wrapper = mountFor(10000006, forkPayload(true, false))
+    await flushPromises()
+    expect(wrapper.find('.track-card--complete').exists()).toBe(false)
+    // Setup tutorial done, both lane tutorials incomplete → 1 of 3 = 33%.
+    expect(wrapper.find('.progress-ring-text').text()).toBe('33%')
+  })
+})
diff --git a/hugo-apps/src/app-space/__tests__/AppSpace.unavailable.test.ts b/hugo-apps/src/app-space/__tests__/AppSpace.unavailable.test.ts
new file mode 100644
index 000000000..3d9e19787
--- /dev/null
+++ b/hugo-apps/src/app-space/__tests__/AppSpace.unavailable.test.ts
@@ -0,0 +1,63 @@
+// @vitest-environment happy-dom
+//
+// #2864 — a temporarily-unavailable path item must render a "Temporarily
+// Unavailable" badge on the App Space kiosk timeline, be greyed, and NOT be
+// clickable (no window.open on click). The whole point of the feature: an
+// admin flips the flag to pull a broken/maintenance item from the live kiosk.
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+
+vi.mock('../useRealtimeProgress', async () => {
+  const { ref } = await import('vue')
+  return { useRealtimeProgress: () => ({ lastCompletion: ref(null), connected: ref(false) }) }
+})
+
+import AppSpace from '../AppSpace.vue'
+
+function stubFetch(body: unknown) {
+  vi.stubGlobal('fetch', vi.fn(async (input: unknown) => {
+    if (String(input).includes('getAppSpaceProgress')) return { ok: true, status: 200, json: async () => body }
+    return { ok: false, status: 404, json: async () => ({}) }
+  }) as unknown as typeof fetch)
+}
+
+const feed = {
+  eventId: 10000015, eventName: 'Joule Studio Lab', eventType: 'OTHER', type: 'COMPLEX',
+  paths: [{
+    id: 1, title: 'Track A', description: '', items: [
+      {
+        imsId: 1, title: 'Joule Studio (BDC)', type: 'TUTORIAL', status: 'AVAILABLE',
+        progress: 0, experience: '', timeToComplete: 0, url: '/tutorials/joule-studio.html',
+        description: '', temporarilyUnavailable: true, unavailableReason: 'Down for maintenance',
+      },
+    ],
+  }],
+}
+
+describe('AppSpace — #2864 temporarily-unavailable item', () => {
+  beforeEach(() => {
+    vi.restoreAllMocks()
+    window.history.replaceState({}, '', '/app-space/?eventId=10000015')
+  })
+
+  it('renders the badge, reason, greyed item, and does not open on click', async () => {
+    stubFetch(feed)
+    const openSpy = vi.fn()
+    vi.stubGlobal('open', openSpy)
+
+    const wrapper = mount(AppSpace)
+    await flushPromises()
+    await wrapper.find('.track-card').trigger('click')
+    await flushPromises()
+
+    expect(wrapper.find('.item-unavailable__badge').text()).toBe('Temporarily Unavailable')
+    expect(wrapper.find('.item-unavailable__reason').text()).toBe('Down for maintenance')
+    expect(wrapper.find('.timeline-item--unavailable').exists()).toBe(true)
+
+    // Title must NOT be clickable and clicking it must not open the tutorial.
+    const title = wrapper.find('.timeline-content__title')
+    expect(title.classes()).not.toContain('clickable')
+    await title.trigger('click')
+    expect(openSpy).not.toHaveBeenCalled()
+  })
+})
diff --git a/hugo-apps/src/app-space/app-space-gating.ts b/hugo-apps/src/app-space/app-space-gating.ts
index 648b858b2..56ae50c84 100644
--- a/hugo-apps/src/app-space/app-space-gating.ts
+++ b/hugo-apps/src/app-space/app-space-gating.ts
@@ -13,7 +13,11 @@ export interface GatingItem {
 /**
  * Whether an item is "unlocked" for PROGRESS / PRIZE gating.
  *
- * Strict: a TUTORIAL unlocks only when the previous item is exactly
+ * #2887 (parallel paths): Server sets `unlocked` boolean on each item (#2887 Task 3);
+ * this function prefers that flag when present, falling back to index-adjacency logic
+ * for older payloads (legacy linear tracks).
+ *
+ * Strict (legacy fallback): a TUTORIAL unlocks only when the previous item is exactly
  * 'COMPLETED', and a CHECKPOINT/PRIZE unlocks only when every preceding
  * tutorial is exactly 'COMPLETED'. #2866 statuses such as
  * 'COMPLETED_OUT_OF_WINDOW' deliberately do NOT count here — an out-of-window
@@ -22,6 +26,14 @@ export interface GatingItem {
 export function isItemUnlocked(items: GatingItem[], index: number): boolean {
   const item = items[index]
   if (!item) return false
+
+  // #2887: Prefer server unlocked flag when present (boolean type check ensures
+  // undefined / null don't match).
+  if (typeof item.unlocked === 'boolean') {
+    return item.unlocked
+  }
+
+  // Fallback to legacy index-adjacency logic for older payloads.
   if (item.type === 'TUTORIAL') {
     if (index === 0) return true
     const prev = items[index - 1]
@@ -48,6 +60,10 @@ export function isItemUnlocked(items: GatingItem[], index: number): boolean {
 export function isTutorialOpenable(items: GatingItem[], index: number): boolean {
   const item = items[index]
   if (!item || item.type !== 'TUTORIAL') return false
+  // #2864: a temporarily-unavailable item is never openable — this single
+  // chokepoint both blocks the click handler and strips the `clickable` class
+  // in AppSpace.vue, so the card renders greyed and delinked.
+  if (item.temporarilyUnavailable === true) return false
   if (item.status === 'COMPLETED_OUT_OF_WINDOW') return true
   return isItemUnlocked(items, index)
 }
diff --git a/hugo-apps/src/scanner-vue/ScannerApp.vue b/hugo-apps/src/scanner-vue/ScannerApp.vue
index c096ed49a..b9fee392f 100644
--- a/hugo-apps/src/scanner-vue/ScannerApp.vue
+++ b/hugo-apps/src/scanner-vue/ScannerApp.vue
@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, nextTick } from 'vue'
 import { useBarcodeScanner } from './useBarcodeScanner'
 import { useScannerApi } from './useScannerApi'
-import type { ScanResult, ContestantData } from './types'
+import { beginScan } from './scan-order'
+import type { ScanResult, ContestantData, EventStats } from './types'
 
 const videoRef = ref<HTMLVideoElement | null>(null)
 const { scan, cancel, isSupported, isScanning, error: scanError } = useBarcodeScanner(videoRef)
-const { loading, getContestant, claimPrizeForContestant, reset: resetApi } = useScannerApi()
+const { loading, getContestant, getEventStats, claimPrizeForContestant, reset: resetApi } = useScannerApi()
 
 type AppState = 'idle' | 'scanning' | 'loaded' | 'claiming'
 const state = ref<AppState>('idle')
 const contestant = ref<ContestantData | null>(null)
+const eventStats = ref<EventStats | null>(null)
 const toast = ref<{ message: string; type: 'success' | 'error' } | null>(null)
 const manualInput = ref('')
 const errorMessage = ref<string | null>(null)
@@ -24,6 +26,7 @@ function showToast(message: string, type: 'success' | 'error' = 'success') {
 
 function resetState() {
   contestant.value = null
+  eventStats.value = null
   errorMessage.value = null
   state.value = 'idle'
   resetApi()
@@ -47,15 +50,21 @@ async function loadContestant(scanResult: ScanResult) {
   try {
     const data = await getContestant(scanResult.uid, scanResult.payload.eventId)
     contestant.value = {
+      ...data,
       uid: scanResult.uid,
       eventId: scanResult.payload.eventId,
       recordId: scanResult.payload.recordId,
       status: scanResult.payload.status,
-      tutorialsCompleted: data.tutorialsCompleted,
-      groupsCompleted: data.groupsCompleted,
-      missionsCompleted: data.missionsCompleted,
-      prizeRecords: data.prizeRecords,
-      claimedCount: data.claimedCount ?? 0
+    }
+    // Event stats panel is fail-soft: no/unresolvable event or a failed stats
+    // fetch leaves eventStats null and the panel simply hides.
+    eventStats.value = null
+    if (scanResult.payload.eventId) {
+      try {
+        eventStats.value = await getEventStats(scanResult.payload.eventId)
+      } catch {
+        eventStats.value = null
+      }
     }
   } catch (e) {
     errorMessage.value = `Could not load contestant: ${(e as Error).message}`
@@ -65,9 +74,10 @@ async function loadContestant(scanResult: ScanResult) {
 
 async function onScan() {
   errorMessage.value = null
-  state.value = 'scanning'
 
-  const result = await scan()
+  // Await nextTick after switching to the scanning state so the <video> ref is
+  // mounted before the camera scanner reads it (see scan-order.ts).
+  const result = await beginScan((s) => { state.value = s }, nextTick, scan)
   if (!result) {
     if (scanError.value) {
       errorMessage.value = scanError.value
@@ -204,9 +214,9 @@ async function onClaimPrize() {
         </div>
 
         <template v-if="contestant">
-          <!-- Identity -->
+          <!-- Identity — LastName, F. for eyeball match against the badge -->
           <div class="scanner-card__header">
-            <h3 class="scanner-card__uid">{{ contestant.uid }}</h3>
+            <h3 class="scanner-card__uid">{{ contestant.lastName }}, {{ contestant.firstInitial }}.</h3>
             <p class="scanner-card__meta">{{ contestant.recordId }} &middot; {{ contestant.status }}</p>
           </div>
 
@@ -216,6 +226,17 @@ async function onClaimPrize() {
             <span class="scanner-card__prizes-value">{{ contestant.claimedCount }} of 2</span>
           </div>
 
+          <!-- Claimed prize names -->
+          <ul class="fd-list scanner-card__prizelist" role="list">
+            <li v-if="contestant.claimedPrizeNames.length === 0" class="fd-list__item" role="listitem">
+              <span class="fd-list__title scanner-card__prizelist-empty">None yet</span>
+            </li>
+            <li v-for="(name, i) in contestant.claimedPrizeNames" :key="i" class="fd-list__item" role="listitem">
+              <i class="sap-icon--gift"></i>
+              <span class="fd-list__title">{{ name }}</span>
+            </li>
+          </ul>
+
           <!-- Stats -->
           <ul class="fd-list scanner-card__stats" role="list">
             <li class="fd-list__item" role="listitem">
@@ -234,6 +255,32 @@ async function onClaimPrize() {
         </template>
       </div>
 
+      <!-- Event stats panel (per scan; hidden when no event resolved) -->
+      <div v-if="eventStats && eventStats.eventName" class="scanner-card scanner-event">
+        <div class="scanner-card__header">
+          <h3 class="scanner-card__uid">{{ eventStats.eventName }}</h3>
+          <p class="scanner-card__meta">Event totals</p>
+        </div>
+        <ul class="fd-list scanner-card__stats" role="list">
+          <li class="fd-list__item" role="listitem">
+            <span class="fd-list__title">Prizes handed over</span>
+            <span class="fd-list__secondary">{{ eventStats.prizesClaimed }} / {{ eventStats.prizesAvailable }} in catalog</span>
+          </li>
+          <li class="fd-list__item" role="listitem">
+            <span class="fd-list__title">Earned, awaiting handover</span>
+            <span class="fd-list__secondary">{{ eventStats.earnedAwaitingHandover }}</span>
+          </li>
+          <li class="fd-list__item" role="listitem">
+            <span class="fd-list__title">Participants (claimed)</span>
+            <span class="fd-list__secondary">{{ eventStats.participants }} ({{ eventStats.participantsClaimed }})</span>
+          </li>
+          <li class="fd-list__item" role="listitem">
+            <span class="fd-list__title">Completions (tut / grp / mis)</span>
+            <span class="fd-list__secondary">{{ eventStats.tutorialsCompleted }} / {{ eventStats.groupsCompleted }} / {{ eventStats.missionsCompleted }}</span>
+          </li>
+        </ul>
+      </div>
+
       <!-- Footer bar -->
       <div class="fd-bar fd-bar--footer scanner-footer">
         <div class="fd-bar__right">
@@ -494,4 +541,26 @@ async function onClaimPrize() {
   align-items: center;
   gap: 0.5rem;
 }
+
+/* Claimed prize names list */
+.scanner-card__prizelist {
+  margin: 0;
+  border-top: 1px solid var(--sapList_BorderColor, #e5e5e5);
+}
+.scanner-card__prizelist .fd-list__item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 1rem;
+}
+.scanner-card__prizelist-empty {
+  color: var(--sapContent_LabelColor, #6a6d70);
+  font-style: italic;
+}
+
+/* Event stats panel */
+.scanner-event {
+  margin-top: 0.5rem;
+}
 </style>
+
diff --git a/hugo-apps/src/scanner-vue/__tests__/camera-support.test.ts b/hugo-apps/src/scanner-vue/__tests__/camera-support.test.ts
new file mode 100644
index 000000000..27ee0bdbc
--- /dev/null
+++ b/hugo-apps/src/scanner-vue/__tests__/camera-support.test.ts
@@ -0,0 +1,47 @@
+// #badge-v2 follow-up — regression guard: camera support must NOT require the
+// native BarcodeDetector API. Before the jsQR fallback, isSupported gated on
+// 'BarcodeDetector' in window, leaving iOS Safari + desktop Edge/Chrome (no
+// BarcodeDetector) stuck on "Camera scanning not available" even with a camera.
+
+import { describe, expect, it } from 'vitest'
+import { cameraSupported, readCameraEnv } from '../camera-support'
+
+describe('cameraSupported (#badge-v2 fallback)', () => {
+  it('is supported with getUserMedia in a secure context (no BarcodeDetector needed)', () => {
+    expect(cameraSupported({ hasGetUserMedia: true, isSecureContext: true })).toBe(true)
+  })
+
+  it('is NOT supported without getUserMedia', () => {
+    expect(cameraSupported({ hasGetUserMedia: false, isSecureContext: true })).toBe(false)
+  })
+
+  it('is NOT supported in an insecure context', () => {
+    expect(cameraSupported({ hasGetUserMedia: true, isSecureContext: false })).toBe(false)
+  })
+})
+
+describe('readCameraEnv', () => {
+  it('reports getUserMedia presence from navigator.mediaDevices', () => {
+    const nav = { mediaDevices: { getUserMedia: () => {} } } as unknown as Navigator
+    const win = { isSecureContext: true } as unknown as Window
+    expect(readCameraEnv(nav, win)).toEqual({ hasGetUserMedia: true, isSecureContext: true })
+  })
+
+  it('reports no getUserMedia when mediaDevices is absent', () => {
+    const nav = {} as Navigator
+    const win = { isSecureContext: true } as unknown as Window
+    expect(readCameraEnv(nav, win).hasGetUserMedia).toBe(false)
+  })
+
+  it('treats undefined isSecureContext as secure', () => {
+    const nav = { mediaDevices: { getUserMedia: () => {} } } as unknown as Navigator
+    const win = {} as unknown as Window
+    expect(readCameraEnv(nav, win).isSecureContext).toBe(true)
+  })
+
+  it('treats a false isSecureContext as insecure', () => {
+    const nav = { mediaDevices: { getUserMedia: () => {} } } as unknown as Navigator
+    const win = { isSecureContext: false } as unknown as Window
+    expect(readCameraEnv(nav, win).isSecureContext).toBe(false)
+  })
+})
diff --git a/hugo-apps/src/scanner-vue/__tests__/scanner-camera-order.test.ts b/hugo-apps/src/scanner-vue/__tests__/scanner-camera-order.test.ts
new file mode 100644
index 000000000..2cd4c3f58
--- /dev/null
+++ b/hugo-apps/src/scanner-vue/__tests__/scanner-camera-order.test.ts
@@ -0,0 +1,20 @@
+// #badge-v2 — the camera ordering helper must await nextTick (so the <video>
+// element in the v-if="scanning" branch is mounted) BEFORE calling scan().
+// Regression guard for the bug where scan() read a null videoRef and threw.
+
+import { describe, expect, it } from 'vitest'
+import { beginScan } from '../scan-order'
+
+describe('beginScan ordering (#badge-v2)', () => {
+  it('awaits nextTick before invoking scan', async () => {
+    const calls: string[] = []
+    const setState = (s: string) => { calls.push(`state:${s}`) }
+    const nextTickFn = () => { calls.push('nextTick'); return Promise.resolve() }
+    const scanFn = () => { calls.push('scan'); return Promise.resolve('RESULT') }
+
+    const result = await beginScan(setState, nextTickFn, scanFn)
+
+    expect(result).toBe('RESULT')
+    expect(calls).toEqual(['state:scanning', 'nextTick', 'scan'])
+  })
+})
diff --git a/hugo-apps/src/scanner-vue/__tests__/scanner-claim-request.test.ts b/hugo-apps/src/scanner-vue/__tests__/scanner-claim-request.test.ts
new file mode 100644
index 000000000..9f89e631a
--- /dev/null
+++ b/hugo-apps/src/scanner-vue/__tests__/scanner-claim-request.test.ts
@@ -0,0 +1,16 @@
+// #badge-v2 — claimPrizeForContestant is an OData `action`, so it must be a POST
+// with params in the body, NOT a function-style GET with params in the URL.
+// claimRequest() builds that request; this pins the method/URL/body contract.
+
+import { describe, expect, it } from 'vitest'
+import { claimRequest } from '../useScannerApi'
+
+describe('claimRequest action contract (#badge-v2)', () => {
+  it('builds a POST with params in the body, not the URL', () => {
+    const req = claimRequest('uuid-abc', 10000015)
+    expect(req.method).toBe('POST')
+    expect(req.url).toBe('/scanner/claimPrizeForContestant')
+    expect(req.url).not.toContain('accountNumber')
+    expect(req.body).toEqual({ accountNumber: 'uuid-abc', eventId: 10000015 })
+  })
+})
diff --git a/hugo-apps/src/scanner-vue/__tests__/scanner-claim.test.ts b/hugo-apps/src/scanner-vue/__tests__/scanner-claim.test.ts
index 5dc03ef2e..1e1873f56 100644
--- a/hugo-apps/src/scanner-vue/__tests__/scanner-claim.test.ts
+++ b/hugo-apps/src/scanner-vue/__tests__/scanner-claim.test.ts
@@ -4,14 +4,23 @@ import { useScannerApi } from '../useScannerApi'
 
 afterEach(() => { vi.restoreAllMocks() })
 
-function jsonResponse(body: unknown, status = 200): any {
+function jsonResponse(body: unknown, status = 200, headers: Record<string, string> = {}): any {
+  const lower: Record<string, string> = {}
+  for (const k of Object.keys(headers)) lower[k.toLowerCase()] = headers[k]
   return {
     ok: status >= 200 && status < 300,
     status,
+    headers: { get: (name: string) => lower[name.toLowerCase()] ?? null },
     json: async () => body,
   }
 }
 
+// A CSRF-token fetch handshake response: the approuter answers the probe GET
+// with the token in the `x-csrf-token` header and an empty body.
+function csrfTokenResponse(token = 'tok-123'): any {
+  return jsonResponse({}, 200, { 'x-csrf-token': token })
+}
+
 describe('useScannerApi', () => {
   describe('getContestant(uid, eventId)', () => {
     it('builds URL with accountNumber and eventId', async () => {
@@ -54,24 +63,53 @@ describe('useScannerApi', () => {
   })
 
   describe('claimPrizeForContestant(uid, eventId)', () => {
-    it('builds URL with accountNumber and eventId', async () => {
-      const fetchSpy = vi.fn(async () =>
-        jsonResponse({ claimedCount: 1, message: 'Prize recorded!' })
-      )
+    // The approuter enforces CSRF on writes (/scanner/* has no csrfProtection:false),
+    // so the client first fetches a token (GET x-csrf-token: fetch) then POSTs with it.
+    it('fetches a CSRF token then POSTs the action with the token header (#badge-v2)', async () => {
+      const fetchSpy = vi.fn()
+        .mockResolvedValueOnce(csrfTokenResponse('tok-abc'))
+        .mockResolvedValueOnce(jsonResponse({ claimedCount: 1, message: 'Prize recorded!' }))
       vi.stubGlobal('fetch', fetchSpy as any)
 
       const { claimPrizeForContestant } = useScannerApi()
       await claimPrizeForContestant('test-uuid-456', 10000015)
 
-      expect(fetchSpy).toHaveBeenCalledOnce()
-      const url: string = fetchSpy.mock.calls[0][0]
-      expect(url).toBe("/scanner/claimPrizeForContestant(accountNumber='test-uuid-456',eventId=10000015)")
+      expect(fetchSpy).toHaveBeenCalledTimes(2)
+
+      // Call 1: token fetch (GET, x-csrf-token: fetch)
+      const [tokenUrl, tokenInit]: [string, RequestInit] = fetchSpy.mock.calls[0] as any
+      expect(tokenUrl).toMatch(/^\/scanner\//)
+      expect((tokenInit.headers as Record<string, string>)['x-csrf-token']).toBe('fetch')
+
+      // Call 2: the claim POST carries the harvested token
+      const [url, init]: [string, RequestInit] = fetchSpy.mock.calls[1] as any
+      expect(url).toBe('/scanner/claimPrizeForContestant')
+      expect(init.method).toBe('POST')
+      expect((init.headers as Record<string, string>)['x-csrf-token']).toBe('tok-abc')
+      expect(JSON.parse(init.body as string)).toEqual({ accountNumber: 'test-uuid-456', eventId: 10000015 })
+    })
+
+    it('refetches the token and retries once on a 403 CSRF challenge', async () => {
+      const fetchSpy = vi.fn()
+        .mockResolvedValueOnce(csrfTokenResponse('stale'))
+        // POST rejected: token expired — approuter signals re-fetch required
+        .mockResolvedValueOnce(jsonResponse({}, 403, { 'x-csrf-token': 'Required' }))
+        .mockResolvedValueOnce(csrfTokenResponse('fresh'))
+        .mockResolvedValueOnce(jsonResponse({ claimedCount: 2, message: 'prize 2 of 2 recorded' }))
+      vi.stubGlobal('fetch', fetchSpy as any)
+
+      const { claimPrizeForContestant } = useScannerApi()
+      const result = await claimPrizeForContestant('uid-xyz', 10000015)
+
+      expect(fetchSpy).toHaveBeenCalledTimes(4)
+      expect((fetchSpy.mock.calls[3][1].headers as Record<string, string>)['x-csrf-token']).toBe('fresh')
+      expect(result.claimedCount).toBe(2)
     })
 
     it('returns claimedCount and message from the response', async () => {
-      vi.stubGlobal('fetch', vi.fn(async () =>
-        jsonResponse({ claimedCount: 2, message: 'Max prizes reached' })
-      ) as any)
+      vi.stubGlobal('fetch', vi.fn()
+        .mockResolvedValueOnce(csrfTokenResponse())
+        .mockResolvedValueOnce(jsonResponse({ claimedCount: 2, message: 'Max prizes reached' })) as any)
 
       const { claimPrizeForContestant } = useScannerApi()
       const result = await claimPrizeForContestant('uid-xyz', 10000015)
@@ -81,9 +119,9 @@ describe('useScannerApi', () => {
     })
 
     it('unwraps OData value envelope', async () => {
-      vi.stubGlobal('fetch', vi.fn(async () =>
-        jsonResponse({ value: { claimedCount: 1, message: 'Done' } })
-      ) as any)
+      vi.stubGlobal('fetch', vi.fn()
+        .mockResolvedValueOnce(csrfTokenResponse())
+        .mockResolvedValueOnce(jsonResponse({ value: { claimedCount: 1, message: 'Done' } })) as any)
 
       const { claimPrizeForContestant } = useScannerApi()
       const result = await claimPrizeForContestant('uid-xyz', 10000015)
@@ -92,10 +130,10 @@ describe('useScannerApi', () => {
       expect(result.message).toBe('Done')
     })
 
-    it('throws on non-ok response', async () => {
-      vi.stubGlobal('fetch', vi.fn(async () =>
-        jsonResponse({ error: { message: 'Max prizes already claimed' } }, 400)
-      ) as any)
+    it('throws on non-ok response (non-CSRF)', async () => {
+      vi.stubGlobal('fetch', vi.fn()
+        .mockResolvedValueOnce(csrfTokenResponse())
+        .mockResolvedValueOnce(jsonResponse({ error: { message: 'Max prizes already claimed' } }, 400)) as any)
 
       const { claimPrizeForContestant } = useScannerApi()
       await expect(claimPrizeForContestant('uid-xyz', 10000015))
diff --git a/hugo-apps/src/scanner-vue/__tests__/scanner-coercion.test.ts b/hugo-apps/src/scanner-vue/__tests__/scanner-coercion.test.ts
new file mode 100644
index 000000000..976e76b19
--- /dev/null
+++ b/hugo-apps/src/scanner-vue/__tests__/scanner-coercion.test.ts
@@ -0,0 +1,32 @@
+// #badge-v2 — the API layer must coerce missing/null numeric fields to 0 so the
+// card never renders "null of 2" (the bug) and defaults claimedPrizeNames to [].
+
+import { describe, expect, it } from 'vitest'
+import { normalizeContestant } from '../useScannerApi'
+
+describe('normalizeContestant coercion (#badge-v2)', () => {
+  it('coerces null claimedCount and completion counts to 0', () => {
+    const r = normalizeContestant({ claimedCount: null, tutorialsCompleted: null })
+    expect(r.claimedCount).toBe(0)
+    expect(r.tutorialsCompleted).toBe(0)
+    expect(r.groupsCompleted).toBe(0)
+    expect(r.missionsCompleted).toBe(0)
+  })
+
+  it('defaults claimedPrizeNames to an empty array when missing', () => {
+    const r = normalizeContestant({})
+    expect(r.claimedPrizeNames).toEqual([])
+  })
+
+  it('preserves real values', () => {
+    const r = normalizeContestant({
+      lastName: 'Jung', firstInitial: 'T', claimedCount: 2,
+      claimedPrizeNames: ['Sticker Pack'], tutorialsCompleted: 5,
+    })
+    expect(r.lastName).toBe('Jung')
+    expect(r.firstInitial).toBe('T')
+    expect(r.claimedCount).toBe(2)
+    expect(r.claimedPrizeNames).toEqual(['Sticker Pack'])
+    expect(r.tutorialsCompleted).toBe(5)
+  })
+})
diff --git a/hugo-apps/src/scanner-vue/camera-support.ts b/hugo-apps/src/scanner-vue/camera-support.ts
new file mode 100644
index 000000000..bc2150e38
--- /dev/null
+++ b/hugo-apps/src/scanner-vue/camera-support.ts
@@ -0,0 +1,30 @@
+// #badge-v2 follow-up — camera-support detection, extracted so the gating
+// logic is unit-testable without a browser.
+//
+// Camera scanning is available whenever getUserMedia exists in a secure
+// context. The native BarcodeDetector API is NOT required — it is
+// Chromium/Android-only (absent on iOS Safari, Firefox, many desktop
+// Edge/Chrome builds), and a jsQR software decoder covers its absence.
+// Gating on BarcodeDetector left every non-Android browser stuck showing
+// "Camera scanning not available".
+
+export interface CameraEnv {
+  hasGetUserMedia: boolean
+  isSecureContext: boolean
+}
+
+export function cameraSupported(env: CameraEnv): boolean {
+  return env.hasGetUserMedia && env.isSecureContext
+}
+
+export function readCameraEnv(
+  nav: Navigator | undefined = typeof navigator !== 'undefined' ? navigator : undefined,
+  win: Window | undefined = typeof window !== 'undefined' ? window : undefined,
+): CameraEnv {
+  return {
+    hasGetUserMedia: !!nav?.mediaDevices?.getUserMedia,
+    // Treat an undefined isSecureContext (non-browser/test) as secure so the
+    // check reduces to getUserMedia presence there.
+    isSecureContext: win?.isSecureContext !== false,
+  }
+}
diff --git a/hugo-apps/src/scanner-vue/scan-order.ts b/hugo-apps/src/scanner-vue/scan-order.ts
new file mode 100644
index 000000000..cef15f517
--- /dev/null
+++ b/hugo-apps/src/scanner-vue/scan-order.ts
@@ -0,0 +1,19 @@
+// #badge-v2 — camera scan ordering helper.
+//
+// The <video ref="videoRef"> lives only in the v-if="state==='scanning'"
+// branch, so it is not in the DOM until Vue has rendered that branch. The
+// camera scanner reads videoRef.value synchronously; calling it in the same
+// tick as the state change reads a null ref and throws "Video element not
+// available", tearing the camera down. Awaiting nextTick between the state
+// change and the scan lets Vue mount the <video> first.
+//
+// Extracted so the ordering is unit-testable without mounting the component.
+export async function beginScan(
+  setState: (s: 'scanning') => void,
+  nextTickFn: () => Promise<void>,
+  scanFn: () => Promise<string | null>,
+): Promise<string | null> {
+  setState('scanning')
+  await nextTickFn()
+  return scanFn()
+}
diff --git a/hugo-apps/src/scanner-vue/types.ts b/hugo-apps/src/scanner-vue/types.ts
index cc97928db..f9a687513 100644
--- a/hugo-apps/src/scanner-vue/types.ts
+++ b/hugo-apps/src/scanner-vue/types.ts
@@ -12,9 +12,24 @@ export interface ContestantData {
   eventId: number
   recordId: string
   status: string
+  lastName: string
+  firstInitial: string
   tutorialsCompleted: number
   groupsCompleted: number
   missionsCompleted: number
   prizeRecords: string
   claimedCount: number
+  claimedPrizeNames: string[]
+}
+
+export interface EventStats {
+  eventName: string | null
+  prizesClaimed: number
+  prizesAvailable: number
+  earnedAwaitingHandover: number
+  participants: number
+  participantsClaimed: number
+  tutorialsCompleted: number
+  groupsCompleted: number
+  missionsCompleted: number
 }
diff --git a/hugo-apps/src/scanner-vue/useBarcodeScanner.ts b/hugo-apps/src/scanner-vue/useBarcodeScanner.ts
index c158a17e5..c228f4743 100644
--- a/hugo-apps/src/scanner-vue/useBarcodeScanner.ts
+++ b/hugo-apps/src/scanner-vue/useBarcodeScanner.ts
@@ -1,4 +1,6 @@
 import { ref, type Ref } from 'vue'
+import jsQR from 'jsqr'
+import { cameraSupported, readCameraEnv } from './camera-support'
 
 declare global {
   interface Window {
@@ -9,13 +11,42 @@ declare global {
 }
 
 export function useBarcodeScanner(videoRef: Ref<HTMLVideoElement | null>) {
-  const isSupported = ref('BarcodeDetector' in window)
+  // Camera scanning works whenever getUserMedia is available in a secure
+  // context; the native BarcodeDetector is optional (jsQR fallback covers its
+  // absence). See camera-support.ts for the gating rationale.
+  const isSupported = ref(cameraSupported(readCameraEnv()))
   const isScanning = ref(false)
   const error = ref<string | null>(null)
 
   let stream: MediaStream | null = null
   let animFrameId = 0
   let resolvePromise: ((value: string | null) => void) | null = null
+  let canvas: HTMLCanvasElement | null = null
+
+  // Decode one video frame. Prefers the native detector; falls back to jsQR
+  // over a canvas snapshot. Returns the decoded text or null if no code found.
+  async function decodeFrame(
+    video: HTMLVideoElement,
+    nativeDetector: InstanceType<NonNullable<Window['BarcodeDetector']>> | null,
+  ): Promise<string | null> {
+    if (nativeDetector) {
+      const barcodes = await nativeDetector.detect(video)
+      return barcodes.length > 0 ? barcodes[0].rawValue : null
+    }
+    // jsQR software path.
+    const w = video.videoWidth
+    const h = video.videoHeight
+    if (!w || !h) return null
+    if (!canvas) canvas = document.createElement('canvas')
+    canvas.width = w
+    canvas.height = h
+    const ctx = canvas.getContext('2d', { willReadFrequently: true })
+    if (!ctx) return null
+    ctx.drawImage(video, 0, 0, w, h)
+    const imageData = ctx.getImageData(0, 0, w, h)
+    const result = jsQR(imageData.data, w, h, { inversionAttempts: 'dontInvert' })
+    return result ? result.data : null
+  }
 
   async function scan(): Promise<string | null> {
     if (!isSupported.value) return null
@@ -33,7 +64,9 @@ export function useBarcodeScanner(videoRef: Ref<HTMLVideoElement | null>) {
       video.srcObject = stream
       await video.play()
 
-      const detector = new window.BarcodeDetector!({ formats: ['qr_code'] })
+      const nativeDetector = 'BarcodeDetector' in window
+        ? new window.BarcodeDetector!({ formats: ['qr_code'] })
+        : null
 
       return await new Promise<string | null>((resolve) => {
         resolvePromise = resolve
@@ -41,10 +74,10 @@ export function useBarcodeScanner(videoRef: Ref<HTMLVideoElement | null>) {
         const detectFrame = async () => {
           if (!isScanning.value) return
           try {
-            const barcodes = await detector.detect(video)
-            if (barcodes.length > 0) {
+            const text = await decodeFrame(video, nativeDetector)
+            if (text) {
               stop()
-              resolve(barcodes[0].rawValue)
+              resolve(text)
               return
             }
           } catch { /* frame detection can fail intermittently */ }
diff --git a/hugo-apps/src/scanner-vue/useScannerApi.ts b/hugo-apps/src/scanner-vue/useScannerApi.ts
index 2693c9e56..54c78c767 100644
--- a/hugo-apps/src/scanner-vue/useScannerApi.ts
+++ b/hugo-apps/src/scanner-vue/useScannerApi.ts
@@ -1,5 +1,57 @@
 import { ref } from 'vue'
-import type { ContestantData } from './types'
+import type { ContestantData, EventStats } from './types'
+
+const toNum = (v: unknown): number => {
+  const n = Number(v)
+  return Number.isFinite(n) ? n : 0
+}
+
+// Coerce the raw getContestant payload so missing/null numerics render 0 (never
+// "null of 2") and claimedPrizeNames is always an array.
+export function normalizeContestant(raw: Partial<ContestantData> & Record<string, unknown>): ContestantData {
+  return {
+    uid: String(raw.uid ?? ''),
+    eventId: toNum(raw.eventId),
+    recordId: String(raw.recordId ?? ''),
+    status: String(raw.status ?? ''),
+    lastName: String(raw.lastName ?? ''),
+    firstInitial: String(raw.firstInitial ?? ''),
+    tutorialsCompleted: toNum(raw.tutorialsCompleted),
+    groupsCompleted: toNum(raw.groupsCompleted),
+    missionsCompleted: toNum(raw.missionsCompleted),
+    prizeRecords: String(raw.prizeRecords ?? ''),
+    claimedCount: toNum(raw.claimedCount),
+    claimedPrizeNames: Array.isArray(raw.claimedPrizeNames) ? raw.claimedPrizeNames.map(String) : [],
+  }
+}
+
+// claimPrizeForContestant is an OData v4 `action` → POST with params in the body.
+// (A function-style GET with params in the URL is not served by an action.)
+export function claimRequest(uid: string, eventId: number): { url: string; method: 'POST'; body: { accountNumber: string; eventId: number } } {
+  return {
+    url: '/scanner/claimPrizeForContestant',
+    method: 'POST',
+    body: { accountNumber: uid, eventId },
+  }
+}
+
+// The approuter enforces CSRF protection on non-GET requests to /scanner/*
+// (that route has no "csrfProtection": false in xs-app.json). The UI5 scanner
+// works because sap.ui.model.odata.v4.ODataModel does the fetch-token handshake
+// automatically; this Vue port must do it by hand or every claim POST is
+// rejected with a bare HTTP 403 (empty body). Fetch a token with a cheap GET
+// carrying `x-csrf-token: fetch`, read it off the response header, and attach
+// it to the write. Module-scoped cache so repeated claims reuse one token.
+let csrfToken: string | null = null
+
+async function fetchCsrfToken(): Promise<string | null> {
+  // The OData v4 service document is a cheap GET under the same /scanner/ route
+  // and auth scope, so the approuter issues a token for it.
+  const res = await fetch('/scanner/', { headers: { 'x-csrf-token': 'fetch' } })
+  const token = res.headers?.get?.('x-csrf-token') ?? null
+  if (token && token.toLowerCase() !== 'required') csrfToken = token
+  return csrfToken
+}
 
 export function useScannerApi() {
   const loading = ref(false)
@@ -16,22 +68,48 @@ export function useScannerApi() {
         throw new Error(body.error?.message || `HTTP ${res.status}`)
       }
       const json = await res.json()
-      return json.value ?? json
+      return normalizeContestant(json.value ?? json)
     } finally {
       loading.value = false
     }
   }
 
+  async function getEventStats(eventId: number): Promise<EventStats> {
+    const res = await fetch(`/scanner/getEventStats(eventId=${eventId})`)
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({}))
+      throw new Error(body.error?.message || `HTTP ${res.status}`)
+    }
+    const json = await res.json()
+    return json.value ?? json
+  }
+
   async function claimPrizeForContestant(uid: string, eventId: number): Promise<{ claimedCount: number; message: string }> {
     loading.value = true
     error.value = null
     try {
-      const res = await fetch(
-        `/scanner/claimPrizeForContestant(accountNumber='${encodeURIComponent(uid)}',eventId=${eventId})`
-      )
+      const { url, method, body } = claimRequest(uid, eventId)
+
+      // POST with a CSRF token, refetching once if the approuter rejects the
+      // cached token as stale (403 + "x-csrf-token: Required").
+      const postOnce = async (token: string | null): Promise<Response> => {
+        const headers: Record<string, string> = { 'Content-Type': 'application/json' }
+        if (token) headers['x-csrf-token'] = token
+        return fetch(url, { method, headers, body: JSON.stringify(body) })
+      }
+
+      let token = await fetchCsrfToken()
+      let res = await postOnce(token)
+
+      if (res.status === 403 && (res.headers?.get?.('x-csrf-token') ?? '').toLowerCase() === 'required') {
+        csrfToken = null
+        token = await fetchCsrfToken()
+        res = await postOnce(token)
+      }
+
       if (!res.ok) {
-        const body = await res.json().catch(() => ({}))
-        throw new Error(body.error?.message || `HTTP ${res.status}`)
+        const errBody = await res.json().catch(() => ({}))
+        throw new Error(errBody.error?.message || `HTTP ${res.status}`)
       }
       const json = await res.json()
       return json.value ?? json
@@ -46,5 +124,5 @@ export function useScannerApi() {
     loading.value = false
   }
 
-  return { loading, error, contestant, getContestant, claimPrizeForContestant, reset }
+  return { loading, error, contestant, getContestant, getEventStats, claimPrizeForContestant, reset }
 }
diff --git a/hugo-apps/src/tokens/ApiTokens.vue b/hugo-apps/src/tokens/ApiTokens.vue
index 9e2704ed8..f5f66e4f6 100644
--- a/hugo-apps/src/tokens/ApiTokens.vue
+++ b/hugo-apps/src/tokens/ApiTokens.vue
@@ -43,6 +43,11 @@
           <select id="tok-scope" v-model="form.scope">
             <option value="read">Read only</option>
             <option value="readwrite">Read &amp; write (mark steps done, reset progress)</option>
+            <!-- #2574: admin scope is offered ONLY when the backend
+                 patCapabilities() probe reports it (flag ON AND a live Admin
+                 role). Non-admins never see it, so they can't mint a PAT that
+                 would 403 at mint time. -->
+            <option v-if="adminScopeAvailable" value="admin">Admin (headless admin OData / GraphQL)</option>
           </select>
         </div>
         <div class="api-tokens__field">
@@ -112,8 +117,10 @@ const error = ref('');
 const minting = ref(false);
 const minted = ref<{ token: string; prefix: string; expiresAt: string | null } | null>(null);
 const copied = ref(false);
+// #2574: whether the `admin` scope may be offered (backend patCapabilities()).
+const adminScopeAvailable = ref(false);
 
-const form = reactive<{ name: string; scope: 'read' | 'readwrite'; ttlDays: number }>({
+const form = reactive<{ name: string; scope: 'read' | 'readwrite' | 'admin'; ttlDays: number }>({
   name: '', scope: 'read', ttlDays: 90,
 });
 
@@ -176,7 +183,9 @@ async function onMint() {
   minting.value = true;
   error.value = '';
   try {
-    const scopes = form.scope === 'readwrite' ? ['read', 'write'] : ['read'];
+    const scopes = form.scope === 'admin'
+      ? ['admin']
+      : form.scope === 'readwrite' ? ['read', 'write'] : ['read'];
     // ttlDays 0 → no expiry (null); the CDS default is 90 days.
     const ttlDays = form.ttlDays > 0 ? form.ttlDays : null;
     const resp = await csrfFetch('/pats/mintPAT', {
@@ -231,17 +240,37 @@ async function copyToken() {
   }
 }
 
+// #2574: probe whether the `admin` scope may be offered. Unbound CAP V4
+// function → GET /pats/patCapabilities(); the structured result arrives as
+// `{ value: { adminScopeAvailable } }`. Shape-tolerant (object, value-wrapped,
+// or single-element array) to survive adapter differences. Fails CLOSED: any
+// error or non-JSON leaves adminScopeAvailable=false so the option stays hidden.
+async function probeCapabilities() {
+  try {
+    const resp = await fetch('/pats/patCapabilities()', {
+      headers: { Accept: 'application/json' }, credentials: 'include',
+    });
+    if (!resp.ok) return;
+    if (!(resp.headers.get('content-type') || '').includes('json')) return;
+    const data = await resp.json();
+    const r = Array.isArray(data?.value) ? data.value[0] : (data?.value ?? data);
+    adminScopeAvailable.value = !!r?.adminScopeAvailable;
+  } catch {
+    adminScopeAvailable.value = false;
+  }
+}
+
 onMounted(async () => {
   // Gate on session like the other /me islands. A lapsed session yields a 200
   // login-redirect HTML page (not 401), so check the parsed identity, not ok.
   if (!(await isSignedIn())) {
     needsLogin.value = true; loading.value = false; return;
   }
-  await loadTokens();
+  await Promise.all([loadTokens(), probeCapabilities()]);
 });
 
 // Exposed for the Vue test harness (mirrors the /me islands' defineExpose).
-defineExpose({ needsLogin, loading, tokens, form, minted, error, minting, onMint, onRevoke, dismissMinted, loadTokens });
+defineExpose({ needsLogin, loading, tokens, form, minted, error, minting, adminScopeAvailable, onMint, onRevoke, dismissMinted, loadTokens });
 </script>
 
 <style scoped>
diff --git a/hugo-apps/src/tokens/__tests__/ApiTokens.test.ts b/hugo-apps/src/tokens/__tests__/ApiTokens.test.ts
index 89d3ed87b..700b6e34c 100644
--- a/hugo-apps/src/tokens/__tests__/ApiTokens.test.ts
+++ b/hugo-apps/src/tokens/__tests__/ApiTokens.test.ts
@@ -208,4 +208,78 @@ describe('ApiTokens.vue', () => {
     expect(revokeUrl).toContain('/pats/MyPATs(aaaa-1111)/PatService.revokePAT');
     expect(listCalls).toBeGreaterThanOrEqual(2);
   });
+
+  // #2574: the end-user mint page must offer the `admin` scope ONLY when the
+  // backend patCapabilities() probe reports adminScopeAvailable (flag ON AND
+  // the caller holds a live Admin role). Non-eligible users never see it, and
+  // a probe error fails closed. This is the /me/tokens/ Vue island — a
+  // different app from the Fiori admin PATs list that earlier work touched.
+  const CAP_YES = () => ({ body: { value: { adminScopeAvailable: true } } });
+  const CAP_NO = () => ({ body: { value: { adminScopeAvailable: false } } });
+
+  it('does NOT offer the admin scope when patCapabilities says unavailable', async () => {
+    const fetchMock = mockFetch({
+      '/auth/user': USER_OK,
+      '/pats/MyPATs': () => ({ body: { value: [] } }),
+      '/pats/patCapabilities()': CAP_NO,
+    });
+    vi.stubGlobal('fetch', fetchMock);
+    const wrapper = mount(ApiTokens);
+    await flushPromises();
+    const optionValues = wrapper.findAll('#tok-scope option').map(o => o.attributes('value'));
+    expect(optionValues).toEqual(['read', 'readwrite']);
+    expect(wrapper.text()).not.toMatch(/admin/i);
+  });
+
+  it('offers the admin scope when patCapabilities reports it available', async () => {
+    const fetchMock = mockFetch({
+      '/auth/user': USER_OK,
+      '/pats/MyPATs': () => ({ body: { value: [] } }),
+      '/pats/patCapabilities()': CAP_YES,
+    });
+    vi.stubGlobal('fetch', fetchMock);
+    const wrapper = mount(ApiTokens);
+    await flushPromises();
+    const optionValues = wrapper.findAll('#tok-scope option').map(o => o.attributes('value'));
+    expect(optionValues).toContain('admin');
+  });
+
+  it('fails closed (no admin option) when the patCapabilities probe errors', async () => {
+    const fetchMock = mockFetch({
+      '/auth/user': USER_OK,
+      '/pats/MyPATs': () => ({ body: { value: [] } }),
+      '/pats/patCapabilities()': () => ({ ok: false, status: 500, body: {} }),
+    });
+    vi.stubGlobal('fetch', fetchMock);
+    const wrapper = mount(ApiTokens);
+    await flushPromises();
+    const optionValues = wrapper.findAll('#tok-scope option').map(o => o.attributes('value'));
+    expect(optionValues).not.toContain('admin');
+  });
+
+  it('mints with scopes:[admin] when the admin scope is selected', async () => {
+    let sentBody: any = null;
+    const fetchMock = vi.fn(async (url: string, init?: RequestInit) => {
+      const jsonHeaders = { get: (h: string) => (h.toLowerCase() === 'content-type' ? 'application/json' : null) };
+      if (url === '/auth/user') return { ok: true, status: 200, headers: jsonHeaders, json: async () => ({ authenticated: true, name: 'Tom' }) };
+      if (url === '/pats/MyPATs') return { ok: true, status: 200, headers: jsonHeaders, json: async () => ({ value: [] }) };
+      if (url === '/pats/patCapabilities()') return { ok: true, status: 200, headers: jsonHeaders, json: async () => ({ value: { adminScopeAvailable: true } }) };
+      if (url === '/pats/mintPAT') {
+        sentBody = JSON.parse(String(init?.body));
+        return { ok: true, status: 200, headers: jsonHeaders, json: async () => ({ ID: 'x', token: 'pat_x', prefix: 'pat_x', expiresAt: null }) };
+      }
+      throw new Error(`unmocked: ${init?.method || 'GET'} ${url}`);
+    });
+    vi.stubGlobal('fetch', fetchMock);
+    const wrapper = mount(ApiTokens);
+    await flushPromises();
+    const vm = wrapper.vm as any;
+    vm.form.name = 'admin-pat';
+    vm.form.scope = 'admin';
+    vm.form.ttlDays = 30;
+    await vm.onMint();
+    await flushPromises();
+    expect(sentBody.scopes).toEqual(['admin']);
+    expect(sentBody.name).toBe('admin-pat');
+  });
 });
diff --git a/hugo/assets/css/fundamental-styles-icon.css b/hugo/assets/css/fundamental-styles-icon.css
deleted file mode 100644
index 411363e1c..000000000
--- a/hugo/assets/css/fundamental-styles-icon.css
+++ /dev/null
@@ -1,56 +0,0 @@
-/*! Fundamental Library Styles icon.css — SUBSET (v0.41.7)
- * Copyright (c) SAP SE or an SAP affiliate company. Apache-2.0.
- * GENERATED by scripts/build-icon-subset.cjs — do not edit by hand.
- * Contains only the 9 sap-icon-- glyph classes used in source
- * (+ base + modifier rules). Regenerate: npm run build:icon-subset
- * Used glyphs: ai, bar-code, camera, course-book, decline, journey-arrive, lightbulb, search, undo
- */
-[class*=sap-icon]{background-color:var(--fdIcon_Background_Color,transparent);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Color,inherit);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdIcon_Font_Size,1rem);font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}
-[class*=sap-icon]:after,[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}
-[class*=sap-icon]:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}
-[class*=sap-icon][tabindex="0"]{cursor:pointer}
-[class*=sap-icon][tabindex="0"].is-focus,[class*=sap-icon][tabindex="0"]:focus{border-radius:.25rem;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);z-index:5}
-[class*=sap-icon].sap-icon--sm{--fdIcon_Font_Size:1rem}
-[class*=sap-icon].sap-icon--md{--fdIcon_Font_Size:2rem}
-[class*=sap-icon].sap-icon--lg{--fdIcon_Font_Size:3rem}
-[class*=sap-icon].sap-icon--xl{--fdIcon_Font_Size:4rem}
-[class*=sap-icon].sap-icon--xxl{--fdIcon_Font_Size:5rem}
-[class*=sap-icon].sap-icon--color-default{--fdIcon_Color:var(--sapContent_IconColor)}
-[class*=sap-icon].sap-icon--background-default{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-contrast{--fdIcon_Color:var(--sapContent_ContrastIconColor)}
-[class*=sap-icon].sap-icon--background-contrast{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-non-interactive{--fdIcon_Color:var(--sapContent_NonInteractiveIconColor)}
-[class*=sap-icon].sap-icon--background-non-interactive{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-tile{--fdIcon_Color:var(--sapTile_IconColor)}
-[class*=sap-icon].sap-icon--background-tile{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-marker{--fdIcon_Color:var(--sapContent_MarkerIconColor)}
-[class*=sap-icon].sap-icon--background-marker{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-critical{--fdIcon_Color:var(--sapCriticalElementColor)}
-[class*=sap-icon].sap-icon--background-critical{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-negative{--fdIcon_Color:var(--sapNegativeElementColor)}
-[class*=sap-icon].sap-icon--background-negative{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-neutral{--fdIcon_Color:var(--sapNeutralElementColor)}
-[class*=sap-icon].sap-icon--background-neutral{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-positive{--fdIcon_Color:var(--sapPositiveElementColor)}
-[class*=sap-icon].sap-icon--background-positive{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--color-information{--fdIcon_Color:var(--sapInformativeElementColor)}
-[class*=sap-icon].sap-icon--background-information{--fdIcon_Background_Color:}
-[class*=sap-icon].sap-icon--background-default{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapContent_IconColor)}
-[class*=sap-icon].sap-icon--background-contrast{--fdIcon_Color:var(--sapContent_IconColor);--fdIcon_Background_Color:var(--sapGroup_ContentBackground)}
-[class*=sap-icon].sap-icon--background-non-interactive{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapContent_NonInteractiveIconColor)}
-[class*=sap-icon].sap-icon--background-tile{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapTile_IconColor)}
-[class*=sap-icon].sap-icon--background-marker{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapContent_MarkerIconColor)}
-[class*=sap-icon].sap-icon--background-critical{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapCriticalElementColor)}
-[class*=sap-icon].sap-icon--background-negative{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapNegativeElementColor)}
-[class*=sap-icon].sap-icon--background-neutral{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapNeutralElementColor)}
-[class*=sap-icon].sap-icon--background-positive{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapPositiveElementColor)}
-[class*=sap-icon].sap-icon--background-information{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapInformativeElementColor)}
-.sap-icon--ai:before{content:"\e2a5"}
-.sap-icon--bar-code:before{content:"\e08d"}
-.sap-icon--camera:before{content:"\e045"}
-.sap-icon--course-book:before{content:"\e096"}
-.sap-icon--decline:before{content:"\e03e"}
-.sap-icon--journey-arrive:before{content:"\e155"}
-.sap-icon--lightbulb:before{content:"\e024"}
-.sap-icon--search:before{content:"\e00d"}
-.sap-icon--undo:before{content:"\e1e0"}
diff --git a/hugo/assets/css/sap-fundamental.css b/hugo/assets/css/sap-fundamental.css
deleted file mode 100644
index d0c962c98..000000000
--- a/hugo/assets/css/sap-fundamental.css
+++ /dev/null
@@ -1,5023 +0,0 @@
-@charset "UTF-8";
-
-/* SOURCE — edit here, then run `npm run build:css` to regenerate the committed
-   compiled hugo/assets/css/sap-fundamental.css that Hugo fingerprints + publishes. */
-
-/* SAP Horizon Light theme variables */
-:root {
-  color-scheme: light;
-  --sapBackgroundColor: #f5f6f7;
-  --sapBaseColor: #fff;
-  --sapBrandColor: #0070f2;
-  --sapHighlightColor: #0064d9;
-  --sapShellColor: #354a5f;
-  --sapShell_TextColor: #fff;
-  --sapShell_InteractiveTextColor: #d1e8ff;
-  --sapShell_SubBrand_TextColor: #fff;
-  --sapShell_BorderColor: transparent;
-  --sapShell_Shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.2);
-  --sapTextColor: #32363a;
-  --sapNeutralTextColor: #6a6d70;
-  --sapNeutralBorderColor: #d9d9d9;
-  --sapNeutralBackground: #f5f6f7;
-  --sapLinkColor: #0064d9;
-  --sapLink_Hover_Color: #0064d9;
-  --sapContent_LabelColor: #556b82;
-  --sapContent_DisabledTextColor: #bcc3ca;
-  --sapContent_ContrastTextColor: #fff;
-  --sapContent_Shadow0: 0 1px 4px rgba(0, 0, 0, 0.06);
-  --sapContent_Shadow2: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
-  --sapFontFamily: '72', '72full', Arial, Helvetica, sans-serif;
-  --sapFontSize: 0.875rem;
-  --sapGroup_ContentBackground: #fff;
-  --sapGroup_ContentBorderColor: #d9d9d9;
-  --sapField_Background: #fff;
-  --sapField_TextColor: #32363a;
-  --sapTile_Background: #fff;
-  --sapInformationBackground: #e1f4ff;
-  --sapInformationBorderColor: #0070f2;
-  --sapInformativeBorderColor: #0070f2;
-  --sapPositiveColor: #107e3e;
-  --sapPositiveBackground: #f1fdf4;
-  --sapPositiveTextColor: #107e3e;
-  --sapNegativeColor: #b00;
-  --sapObjectHeader_Background: #fff;
-  --sapList_Hover_Background: rgba(0, 112, 242, 0.06);
-  --sapList_Active_Background: rgba(0, 112, 242, 0.1);
-  --sapList_SelectionBackgroundColor: #ebf5fe;
-  --sapButton_Background: #fff;
-  --sapButton_BorderColor: #0064d9;
-  --sapButton_BorderCornerRadius: 0.5rem;
-  --sapButton_Emphasized_Background: #0070f2;
-  --sapButton_Emphasized_BorderColor: #0064d9;
-  --sapButton_Emphasized_TextColor: #fff;
-  --sapButton_Emphasized_Hover_Background: #0064d9;
-  --sapButton_Emphasized_Hover_BorderColor: #0058c0;
-  --sapButton_Emphasized_Active_Background: #0058c0;
-  --sapButton_Emphasized_Active_BorderColor: #004da5;
-  --sapButton_Lite_TextColor: #0064d9;
-  --sapButton_Lite_Hover_Background: rgba(0, 100, 217, 0.06);
-  --sapList_Background: #fff;
-  --sapList_HeaderBackground: #f4f4f7;
-  --sapList_BorderColor: #e5e5ea;
-  --sapField_BorderColor: #ccd;
-  --sapPageFooter_Background: #fff;
-  --sapPageFooter_TextColor: #32363a;
-  --sapPageFooter_BorderColor: #d9d9d9;
-  --sapGroup_TitleBorderWidth: 1px;
-}
-
-/* SAP Horizon Dark theme variables */
-html.dark {
-  color-scheme: dark;
-  --sapBackgroundColor: #12171c;
-  --sapBaseColor: #1c2228;
-  --sapBrandColor: #4db1ff;
-  --sapHighlightColor: #4db1ff;
-  --sapShellColor: #1c2228;
-  --sapShell_TextColor: #eaecee;
-  --sapTextColor: #eaecee;
-  --sapNeutralTextColor: #a9b4be;
-  --sapNeutralBorderColor: #3c4854;
-  --sapNeutralBackground: #1c2228;
-  --sapLinkColor: #4db1ff;
-  --sapLink_Hover_Color: #89d1ff;
-  --sapContent_LabelColor: #8396a8;
-  --sapContent_DisabledTextColor: #5b7996;
-  --sapContent_ContrastTextColor: #1c2228;
-  --sapContent_Shadow0: 0 1px 4px rgba(0, 0, 0, 0.3);
-  --sapContent_Shadow2: 0 0.25rem 1rem rgba(0, 0, 0, 0.4);
-  --sapFontFamily: '72', '72full', Arial, Helvetica, sans-serif;
-  --sapFontSize: 0.875rem;
-  --sapGroup_ContentBackground: #1c2228;
-  --sapGroup_ContentBorderColor: #3c4854;
-  --sapField_Background: #29394b;
-  --sapField_TextColor: #eaecee;
-  --sapTile_Background: #1c2228;
-  --sapInformationBackground: #0c225f;
-  --sapInformationBorderColor: #4db1ff;
-  --sapInformativeBorderColor: #4db1ff;
-  --sapPositiveColor: #57b520;
-  --sapPositiveBackground: #164120;
-  --sapPositiveTextColor: #57b520;
-  --sapNegativeColor: #ff758c;
-  --sapObjectHeader_Background: #1c2228;
-  --sapList_Hover_Background: rgba(77, 177, 255, 0.08);
-  --sapList_Active_Background: rgba(77, 177, 255, 0.15);
-  --sapList_SelectionBackgroundColor: rgba(77, 177, 255, 0.1);
-  --sapButton_Background: #29394b;
-  --sapButton_BorderColor: #4db1ff;
-  --sapButton_BorderCornerRadius: 0.5rem;
-  --sapButton_Emphasized_Background: #0070f2;
-  --sapButton_Emphasized_BorderColor: #0070f2;
-  --sapButton_Emphasized_TextColor: #fff;
-  --sapButton_Emphasized_Hover_Background: #0064d9;
-  --sapButton_Emphasized_Hover_BorderColor: #0064d9;
-  --sapButton_Emphasized_Active_Background: #0058c0;
-  --sapButton_Emphasized_Active_BorderColor: #0058c0;
-  --sapButton_Lite_TextColor: #4db1ff;
-  --sapButton_Lite_Hover_Background: rgba(77, 177, 255, 0.08);
-  --sapList_Background: #1c2228;
-  --sapList_HeaderBackground: #29394b;
-  --sapList_BorderColor: #3c4854;
-  --sapField_BorderColor: #3c4854;
-  --sapPageFooter_Background: #1c2228;
-  --sapPageFooter_TextColor: #eaecee;
-  --sapPageFooter_BorderColor: #3c4854;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  html { scroll-behavior: smooth; }
-}
-
-/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */:root{--btp-Blue1:#ebf8ff;--btp-Blue2:#d1efff;--btp-Blue3:#a6e0ff;--btp-Blue4:#89d1ff;--btp-Blue5:#4db1ff;--btp-Blue6:#1b90ff;--btp-Blue7:#0070f2;--btp-Blue8:#0057d2;--btp-Blue9:#0040b0;--btp-Blue10:#002a86;--btp-Blue11:#00144a;--btp-Grey1:#f5f6f7;--btp-Grey2:#eaecee;--btp-Grey3:#d5dadd;--btp-Grey4:#a9b4be;--btp-Grey5:#8396a8;--btp-Grey6:#5b738b;--btp-Grey7:#475e75;--btp-Grey8:#354a5f;--btp-Grey9:#223548;--btp-Grey10:#1a2733;--btp-Grey11:#12171c;--btp-Green1:#f5fae5;--btp-Green2:#e5f2bd;--btp-Green3:#bae881;--btp-Green4:#97dd40;--btp-Green5:#5dc122;--btp-Green6:#36a41d;--btp-Green7:#188918;--btp-Green8:#256f3a;--btp-Green9:#1e592f;--btp-Green10:#164323;--btp-Green11:#0e2b16;--btp-Mango1:#fff8d6;--btp-Mango2:#fff3b8;--btp-Mango3:#ffdf72;--btp-Mango4:#ffc933;--btp-Mango5:#ffb300;--btp-Mango6:#f58b00;--btp-Mango7:#c35500;--btp-Mango8:#a93e00;--btp-Mango9:#8d2a00;--btp-Mango10:#6d1900;--btp-Mango11:#450b00;--btp-Red1:#ffeaf4;--btp-Red2:#ffd5ea;--btp-Red3:#ffb2d2;--btp-Red4:#ff8cb2;--btp-Red5:#ff5c77;--btp-Red6:#ee3939;--btp-Red7:#d20a0a;--btp-Red8:#aa0808;--btp-Red9:#840606;--btp-Red10:#5a0404;--btp-Red11:#350000;--btp-Teal1:#dafdf5;--btp-Teal2:#c2fcee;--btp-Teal3:#85f1dc;--btp-Teal4:#2ce0bf;--btp-Teal5:#00ceac;--btp-Teal6:#04a6a1;--btp-Teal7:#07838f;--btp-Teal8:#046c7a;--btp-Teal9:#035663;--btp-Teal10:#02414c;--btp-Teal11:#012931;--btp-Indigo1:#f1ecff;--btp-Indigo2:#e2d8ff;--btp-Indigo3:#d3b6ff;--btp-Indigo4:#b894ff;--btp-Indigo5:#9b76ff;--btp-Indigo6:#7858ff;--btp-Indigo7:#5d36ff;--btp-Indigo8:#470ced;--btp-Indigo9:#2c13ad;--btp-Indigo10:#1c0c6e;--btp-Indigo11:#0e0637;--btp-Pink1:#fff0fa;--btp-Pink2:#ffdcf3;--btp-Pink3:#ffafed;--btp-Pink4:#ff8af0;--btp-Pink5:#f65af2;--btp-Pink6:#f31ded;--btp-Pink7:#cc00dc;--btp-Pink8:#a100c2;--btp-Pink9:#7800a4;--btp-Pink10:#510080;--btp-Pink11:#28004a;--btp-Raspberry1:#fff0f5;--btp-Raspberry2:#ffdce8;--btp-Raspberry3:#fecbda;--btp-Raspberry4:#feadc8;--btp-Raspberry5:#fe83ae;--btp-Raspberry6:#fa4f96;--btp-Raspberry7:#df1278;--btp-Raspberry8:#ba066c;--btp-Raspberry9:#9b015d;--btp-Raspberry10:#71014b;--btp-Raspberry11:#510136;--btp-Cyan1:#dbf9ff;--btp-Cyan2:#b8f3ff;--btp-Cyan3:#7aeaf8;--btp-Cyan4:#2dd6ef;--btp-Cyan5:#0fb9dc;--btp-Cyan6:#09a0bf;--btp-Cyan7:#007fa9;--btp-Cyan8:#00709f;--btp-Cyan9:#025484;--btp-Cyan10:#013b64;--btp-Cyan11:#00274e;--btp-Hazelnut1:#fdf5c9;--btp-Hazelnut2:#fce8a9;--btp-Hazelnut3:#ffc654;--btp-Hazelnut4:#ffb727;--btp-Hazelnut5:#e79a00;--btp-Hazelnut6:#c88500;--btp-Hazelnut7:#a16b00;--btp-Hazelnut8:#915e00;--btp-Hazelnut9:#714700;--btp-Hazelnut10:#523100;--btp-Hazelnut11:#3d1f00}:root{--fdSwitch_Compact_Width:2rem;--fdSwitch_Compact_Height:1.25rem;--fdSwitch_Compact_Handle_Width:1.25rem;--fdSwitch_Compact_Handle_Height:1rem;--fdSwitch_Active_Handle_Offset:0.5075rem;--fdSwitch_Compact_Handle_Offset:-0.8125rem;--fdSwitch_Compact_Padding_Block:0.375rem;--fdSwitch_Track_Background:var(--sapButton_Track_Background);--fdSwitch_Handle_Border_Width:0.125rem;--fdSwitch_On_Hover_Slider_Background:var(--sapButton_Track_Hover_Background);--fdSwitch_On_Hover_Slider_Border:var(--sapButton_Track_Hover_Background);--fdSwitch_On_Hover_Slider_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Hover_BorderColor);--fdSwitch_On_Hover_Slider_Active_Background:var(--sapButton_Track_Selected_Hover_Background);--fdSwitch_On_Hover_Slider_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Selected_Hover_BorderColor);--fdSwitch_Border_Width:0;--fdSwitch_Width:2.5rem;--fdSwitch_Height:1.5rem;--fdSwitch_Border_Radius:0.75rem;--fdSwitch_Handle_Width:1.5rem;--fdSwitch_Handle_Height:1.25rem;--fdSwitch_Handle_Border_Radius:0.75rem;--fdSwitch_Handle_Active_Color:var(--sapButton_Handle_Selected_TextColor);--fdSwitch_Handle_Inactive_Color:var(--sapButton_Handle_TextColor);--fdSwitch_Handle_Background:var(--sapButton_Handle_Background);--fdSwitch_Hover_Handle_Background:var(--sapButton_Handle_Selected_Hover_Background);--fdSwitch_Hover_Handle_Active_Background:var(--sapButton_Handle_Selected_Hover_Background);--fdSwitch_Handle_Offset:1.2475rem;--fdSwitch_Compact_Active_Handle_Offset:-0.3125rem;--fdSwitch_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_BorderColor);--fdSwitch_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Selected_BorderColor);--fdSwitch_Border_Color:transparent;--fdSwitch_Border:none;--fdSwitch_Slider_Box_Sizing:content-box;--fdSwitch_Focus_Outline_Vertical_Offset:calc(var(--sapContent_FocusWidth)*-2);--fdSwitch_Focus_Outline_Horizontal_Offset:calc(var(--sapContent_FocusWidth)*-2);--fdSwitch_Focus_Outline_Border_Radius:calc(var(--fdSwitch_Border_Radius) + var(--sapContent_FocusWidth)*2);--fdSwitch_Icon_Display:flex;--fdSwitch_Text_Active_Color:var(--sapButton_Handle_Selected_TextColor);--fdSwitch_Text_Inactive_Color:var(--sapButton_Handle_TextColor);--fdSwitch_Handle_Border_Color:var(--sapButton_Track_BorderColor);--fdSwitch_Handle_Hover_Border_Color:var(--sapButton_Handle_Hover_BorderColor);--fdSwitch_Handle_Selected_Hover_Border_Color:var(--sapButton_Handle_Selected_Hover_BorderColor);--fdSwitch_Semantic_Success_Border_Color:var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Success_Background_Color:var(--sapButton_Track_Positive_Background);--fdSwitch_Semantic_Hover_Success_Background_Color:var(--sapButton_Track_Positive_Hover_Background);--fdSwitch_Semantic_Hover_Success_Border_Color:var(--sapButton_Track_Positive_Hover_BorderColor);--fdSwitch_Semantic_Error_Background_Color:var(--sapButton_Track_Negative_Background);--fdSwitch_Semantic_Error_Border_Color:var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Hover_Error_Background_Color:var(--sapButton_Track_Negative_Hover_Background);--fdSwitch_Semantic_Hover_Error_Border_Color:var(--sapButton_Track_Negative_Hover_BorderColor);--fdSwitch_Semantic_Icon_Error_Color:var(--sapButton_Handle_Negative_TextColor);--fdSwitch_Semantic_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Hover_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_Hover_BorderColor);--fdSwitch_Semantic_Hover_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_Hover_BorderColor);--fdSwitch_Semantic_Width:var(--fdSwitch_Width);--fdSwitch_Semantic_Height:var(--fdSwitch_Height);--fdSwitch_Semantic_Error_Color:var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Success_Color:var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Hover_Error_Color:var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Hover_Success_Color:var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Handle_Offset:var(--fdSwitch_Handle_Offset);--fdSwitch_Semantic_Handle_Active_Offset:var(--fdSwitch_Active_Handle_Offset);--fdSwitch_Semantic_Handle_Box_Sizing:border-box;--fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Error_Color);--fdSwitch_Semantic_Handle_Error_Hover_Color:var(--fdSwitch_Semantic_Hover_Error_Color);--fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Success_Color);--fdSwitch_Semantic_Handle_Success_Hover_Color:var(--fdSwitch_Semantic_Hover_Success_Color);--fdSwitch_Semantic_Slider_Error_Background_Color:var(--sapButton_Track_Negative_Background);--fdSwitch_Semantic_Success_Handle_Background_Color:var(--sapButton_Handle_Positive_Background);--fdSwitch_Semantic_Success_Handle_Hover_Background_Color:var(--sapButton_Handle_Positive_Hover_Background);--fdSwitch_Semantic_Error_Handle_Background_Color:var(--sapButton_Handle_Negative_Background);--fdSwitch_Semantic_Error_Handle_Hover_Background_Color:var(--sapButton_Handle_Negative_Hover_Background);--fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Handle_Positive_BorderColor);--fdSwitch_Semantic_Success_Handle_Hover_Border_Color:var(--sapButton_Handle_Positive_Hover_BorderColor);--fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Handle_Negative_BorderColor);--fdSwitch_Semantic_Error_Handle_Hover_Border_Color:var(--sapButton_Handle_Negative_Hover_BorderColor);--fdSwitch_Semantic_Icon_Position:absolute;--fdSwitch_Icon_Size:var(--sapFontLargeSize);--fdSwitch_Icon_Error_Margin:0 0;--fdSwitch_Icon_Success_Margin:0 0;--fdSwitch_Compact_Icon_Size:var(--sapFontSize);--fdSwitch_Compact_Semantic_Width:var(--fdSwitch_Compact_Width);--fdSwitch_Compact_Semantic_Height:var(--fdSwitch_Compact_Height);--fdSwitch_Compact_Semantic_Handle_Width:var(--fdSwitch_Compact_Handle_Width);--fdSwitch_Compact_Semantic_Handle_Height:var(--fdSwitch_Compact_Handle_Height);--fdSwitch_Compact_Semantic_Handle_Offset:-0.8125rem;--fdSwitch_Compact_Semantic_Active_Handle_Offset:var(--fdSwitch_Compact_Active_Handle_Offset);--fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl:var(--fdSwitch_Compact_Handle_Offset);--fdSwitch_Text_Width:2.875rem;--fdSwitch_Text_Handle_Width:1.75rem;--fdSwitch_Text_Handle_Offset:-1.125rem;--fdSwitch_Text_Handle_Active_Offset:-0.25rem;--fdSwitch_Compact_Text_Width:2.75rem;--fdSwitch_Compact_Text_Height:1.25rem;--fdSwitch_Compact_Text_Handle_Width:1.75rem;--fdSwitch_Compact_Text_Handle_Offset:-0.5625rem;--fdSwitch_Compact_Text_Handle_Active_Offset:0.1875rem}:root{--fdButton_Emphasized_Active_Outline:var(--sapContent_FocusColor);--fdButton_Ghost_Background:var(--sapButton_Background);--fdButton_Outline_Contrast:var(--sapContent_FocusColor);--fdButton_Outline_Offset:var(--sapButton_BorderWidth);--fdButton_Focus_Border_Radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Text_Shadow:none;--fdButton_Hover_Shadow:none;--fdButton_Border_Radius_Left:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Left_RTL:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Right:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Right_RTL:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Outline_Left:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Border_Radius_Outline_Left_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Border_Radius_Outline_Right:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Border_Radius_Outline_Right_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Vertical_Border_Radius_Left:var(--fdButton_Border_Radius_Left);--fdButton_Vertical_Border_Radius_Right:var(--fdButton_Border_Radius_Left);--fdButton_Segmented_Pad_Display:block;--fdButton_Segmented_Border_Offset:0;--fdButton_Menu_Offset:0;--fdButton_Menu_Emphasized_Margin:0;--fdButton_Menu_Border_Radius:var(--sapPopover_BorderCornerRadius);--fdButton_Menu_Separator_Display:block;--fdButton_Menu_Transparent_Separator_Height:1rem;--fdButton_Menu_Transparent_Separator_Display:block;--fdButton_Menu_Emphasized_Separator_Display:block;--fdButton_Menu_Emphasized_Hover_Separator_Display:none;--fdButton_Menu_Transparent_Border_Color:transparent;--fdButton_Menu_Default_Shadow_Color:var(--sapButton_BorderColor);--fdButton_Menu_Emphasized_Shadow_Color:var(--sapButton_Emphasized_BorderColor);--fdButton_Menu_Positive_Shadow_Color:var(--sapButton_Accept_BorderColor);--fdButton_Menu_Negative_Shadow_Color:var(--sapButton_Reject_BorderColor);--fdButton_Menu_Attention_Shadow_Color:var(--sapButton_Attention_BorderColor);--fdButton_ToolHeader_Color_Normal:var(--sapShell_InteractiveTextColor);--fdButton_ToolHeader_Color_Active:var(--sapContent_IconColor);--fdButton_ToolHeader_Background_Hover:var(--sapButton_Lite_Hover_Background);--fdButton_ToolHeader_Background_Active:var(--sapActiveColor);--fdButton_ToolHeader_Border_Color_Normal:transparent;--fdButton_ToolHeader_Border_Color_Hover:transparent;--fdButton_ToolHeader_Border_Color_Active:transparent;--fdButton_ToolHeader_Border_Color_Focus:transparent;--fdButton_ToolHeader_Border_Color_Disabled:transparent;--fdButton_ToolHeader_Border_Radius_Focus:0.375rem;--fdButton_ToolHeader_Badge_Border_Color:var(--sapShellColor);--fdButton_ToolHeader_Outline_Color:var(--sapContent_FocusColor);--fdButton_ToolHeader_Button_Size:2.5rem;--fdButton_ToolHeader_Button_Size_Compact:2rem;--fdButton_ToolHeader_Button_Border_Radius:0.375rem;--fdButton_Nested_Color_Active:var(--sapContent_IconColor);--fdButton_Nested_Background_Active:var(--sapActiveColor);--fdButton_Nested_Background_Focus:var(--sapButton_Background);--fdButton_Nested_Border_Color_Normal:transparent;--fdButton_Nested_Border_Color_Hover:transparent;--fdButton_Nested_Border_Color_Active:transparent;--fdButton_Nested_Border_Color_Focus:transparent;--fdButton_Nested_Border_Color_Disabled:transparent;--fdButton_Nested_Border_Radius_Focus:0.75rem;--fdButton_Split_Border_Color:transparent;--fdButton_Split_Background_Color:transparent}:root{--fdGrid_List_Item_Hover_Border_Color:var(--sapTile_Interactive_BorderColor);--fdGrid_List_Item_Border_Radius:var(--sapTile_BorderCornerRadius);--fdGrid_List_Item_Toolbar_Shadow:none;--fdGrid_List_Item_Focus_Box_Shadow:inset 0 0 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor);--fdGrid_List_Item_Focus_Border:0.1775rem solid var(--sapList_Background);--fdGrid_List_Item_Focus_Outline_Offset:0}:root{--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Lite_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Lite_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Color);--fdIconTabBar_Tag_Icon_Color:var(--fdIcon_Tab_Bar_Label_Color);--fdIconTabBar_Tag_Icon_Content:"";--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Icon_Border_Color);--fdIconTabBar_Icon_Background:transparent;--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Selection_Bar_Color);--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Badge_Color);--fdIconTabBar_Badge_Background_After:var(--sapContent_BadgeBackground);--fdIconTabBar_Arrow_Color:var(--sapTextColor);--fdIconTabBar_Multi_Click_Separator_Background:var(--sapTextColor)}:root{--fdIcon_Tab_Bar_Selection_Bar_Height:0.188rem;--fdIcon_Tab_Bar_Selection_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Selection_Bar_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Icon_Border_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Semantic_Icon_Display:none;--fdIcon_Tab_Bar_Semantic_Color_Positive:var(--sapPositiveElementColor);--fdIcon_Tab_Bar_Semantic_Color_Negative:var(--sapNegativeElementColor);--fdIcon_Tab_Bar_Semantic_Color_Critical:var(--sapCriticalElementColor);--fdIcon_Tab_Bar_Semantic_Color_Informative:var(--sapInformativeElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Positive:var(--sapPositiveElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Negative:var(--sapNegativeElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Critical:var(--sapCriticalElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Informative:var(--sapInformativeElementColor);--fdIcon_Tab_Bar_Badge_Color:var(--sapContent_BadgeBackground);--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive:var(--sapPositiveElementColor);--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative:var(--sapNegativeElementColor);--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical:var(--sapCriticalElementColor);--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative:var(--sapInformativeElementColor);--fdIcon_Tab_Bar_Overflow_Button_Hover_Box_Shadow:var(--sapContent_Interaction_Shadow);--fdIcon_Tab_Bar_Overflow_Button_Focus_Border_Radius:0.375rem;--fdIcon_Tab_Bar_Overflow_Button_Font_Family:var(--sapFontBoldFamily);--fdIcon_Tab_Bar_Overflow_Button_Text_Color:var(--sapTextColor);--fdIcon_Tab_Bar_Overflow_Button_Icon_Color:var(--sapTextColor);--fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover:var(--sapTextColor);--fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover:var(--sapTextColor);--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Label_Color:var(--sapTextColor);--fdIcon_Tab_Bar_Label_Hover_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Label_Font_Family:var(--sapFontBoldFamily);--fdIcon_Tab_Bar_Text_Focus_Radius:0.375rem;--fdIcon_Tab_Bar_Icon_Focus_Radius:50%;--fdIcon_Tab_Bar_Focus_Offset:-0.25rem;--fdIcon_Tab_Bar_Icon_Border_Weight:0.125rem;--fdIcon_Tab_Bar_Icon_Focus_Offset:-0.3125rem;--fdIcon_Tab_Bar_Separator_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width:1.5rem;--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left:0.25rem;--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right:0;--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display:block;--fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius:0.25rem;--fdIconTabBar_Overflow_Button_Shell_Background:var(--sapButton_Background);--fdIconTabBar_Overflow_Button_Shell_Border_Color:var(--sapButton_BorderColor);--fdIconTabBar_Overflow_Button_Shell_Text_Color:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Icon_Color:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Background_Hover:var(--sapButton_Hover_Background);--fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover:var(--sapButton_Hover_BorderColor);--fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Background_Active:var(--sapButton_Active_Background);--fdIconTabBar_Overflow_Button_Shell_Border_Color_Active:var(--sapButton_Active_BorderColor);--fdIconTabBar_Overflow_Button_Shell_Text_Color_Active:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Shell_Focus_Color:var(--sapContent_FocusColor);--fdIconTabBar_Button_Shell_Color:var(--sapTextColor);--fdIconTabBar_Button_Shell_Color_Hover:var(--sapTextColor);--fdIconTabBar_Button_Shell_Background_Color_Hover:var(--sapButton_Lite_Hover_Background);--fdIconTabBar_Button_Shell_Color_Active:var(--sapContent_Selected_ForegroundColor);--fdIconTabBar_Button_Shell_Background_Color_Active:var(--sapShell_Navigation_Active_Background);--fdIconTabBar_Button_Shell_Color_Selected:var(--sapContent_Selected_ForegroundColor);--fdIconTabBar_Button_Shell_Background_Color_Selected:var(--sapShell_Navigation_Background);--fdIconTabBar_Button_Shell_Focus_Color:var(--sapContent_ContrastFocusColor);--fdIconTabBar_Button_Active_Color:var(--sapContent_Selected_ForegroundColor);--fdIconTabBar_Button_Active_Focus_Color:var(--sapContent_FocusColor)}:root{--fdTable_Header_Cell_Hover_Background:var(--sapList_Hover_Background);--fdTable_Header_Cell_Active_Background:var(--sapList_Active_Background);--fdTable_Header_Cell_Hover_Active_Color:var(--sapList_HeaderTextColor);--fdTable_Header_Horizontal_Border:var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);--fdTable_Group_Header_Background:var(--sapList_TableGroupHeaderBackground);--fdTable_Border_Radius:0.5rem;--fdTable_Condensed_Focus_Outline_Offset:-0.0625rem}:root{--fdDynamicPage_Title_Color:var(--sapObjectHeader_Title_TextColor);--fdDynamicPage_Title_Font_Size:var(--sapObjectHeader_Title_FontSize);--fdDynamicPage_Title_Collapsed_Font_Size:var(--sapObjectHeader_Title_SnappedFontSize);--fdDynamicPage_Title_Font_Family:var(--sapObjectHeader_Title_FontFamily);--fdDynamicPage_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor);--fdDynamicPage_Button_Pin_Background:var(--sapObjectHeader_Background)}:root{--fdScrollbar_Track_Color:var(--sapScrollBar_TrackColor);--fdScrollbar_Thumb_Color:var(--sapScrollBar_FaceColor);--fdScrollbar_Thumb_Hover_Color:var(--sapScrollBar_Hover_FaceColor);--fdScrollbar_Dimension:var(--sapScrollBar_Dimension);--fdScrollbar_Thumb_Border_Radius:var(--sapScrollBar_Dimension);--fdScrollbar_Thumb_Offset:0.125rem;--fdScrollbar_Border_Radius:var(--sapPopover_BorderCornerRadius)}:root{--fdCard_Box_Shadow_Regular:var(--sapContent_Shadow0);--fdCard_Box_Shadow_Hover:var(--sapContent_Shadow2);--fdCard_Header_Border_Bottom:0.0625rem solid transparent;--fdCard_Footer_Border_Top:0.0625rem solid transparent;--fdCard_Counter_Margin:0.125rem;--fdCard_Footer_Padding:0.75rem;--fdCard_Footer_Actions_Item_Spacing:0.5rem;--fdCard_Title_Font_Size:var(--sapFontHeader6Size);--fdCard_Main_Header_Padding_Bottom:0.75rem}:root{--fdSlider_Track_Height:0.25rem;--fdSlider_Track_BorderRadius:0.25rem;--fdSlider_Tick_Height:0.5rem;--fdSlider_Track_Background:var(--sapSlider_Background);--fdSlider_Track_Border_Color:var(--sapSlider_BorderColor);--fdSlider_Track_Border_Width:0;--fdSlider_Track_Active_Background:var(--sapSlider_Selected_Background);--fdSlider_Track_Active_Border:var(--sapSlider_Selected_BorderColor);--fdSlider_Track_Active_Box_Shadow:none;--fdSlider_Handle_Background:var(--sapSlider_HandleBackground);--fdSlider_Handle_Border_Radius:0.5rem;--fdSlider_Handle_Width:1.5rem;--fdSlider_Handle_Height:1.25rem;--fdSlider_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor);--fdSlider_Handle_Border_Hover_Color:var(--sapSlider_Hover_HandleBorderColor);--fdSlider_Handle_Active_Width:2.25rem;--fdSlider_Handle_Active_Height:2rem;--fdSlider_Handle_Icon_Display:block;--fdSlider_Mobile_Handle_Width:2rem;--fdSlider_Mobile_Handle_Height:1.5rem;--fdSlider_Mobile_Handle_Active_Size:2.75rem;--fdSlider_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground);--fdSlider_Hover_Handle_Border:0.0625rem solid var(--sapSlider_Hover_HandleBorderColor);--fdSlider_Active_Handle_Border:0.0625rem solid var(--sapSlider_Active_HandleBorderColor);--fdSlider_Active_Handle_Background:var(--sapSlider_Active_HandleBackground);--fdSlider_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);--fdSlider_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);--fdSlider_Focus_Handle_Display:none;--fdSlider_Range_Handle_Background:var(--sapSlider_RangeHandleBackground);--fdSlider_Range_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor);--fdSlider_Range_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground);--fdSlider_Range_Hover_Handle_Border_Color:var(--sapSlider_Hover_HandleBorderColor);--fdSlider_Range_Active_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);--fdSlider_Range_Active_Handle_Border_Color:var(--sapContent_FocusColor);--fdSlider_Range_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);--fdSlider_Range_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);--fdSlider_Range_Track_Border_Radius:0.5rem;--fdSlider_Focus_Handle_Outline_Color:transparent;--fdSlider_Tick_Background:var(--sapContent_MeasureIndicatorColor);--fdSlider_Active_Tick_Background:var(--sapSlider_Selected_BorderColor);--fdSlider_Endpoint_Size:0.5rem;--fdSlider_Endpoint_Background:var(--sapContent_MeasureIndicatorColor);--fdSlider_Endpoint_Border:0.0625rem solid var(--sapContent_MeasureIndicatorColor);--fdSlider_Endpoint_Active_Background:var(--sapSlider_Selected_Background);--fdSlider_Endpoint_Active_Border:0.0625rem solid var(--sapContent_Selected_MeasureIndicatorColor);--fdSlider_Focus_Range_Outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}:root{--fdSplitter_Resizer_Border:none;--fdSplitter_Resizer_Grip_Border_Width:0;--fdSplitter_Resizer_Decoration_Background:var(--sapGroup_ContentBorderColor);--fdSplitter_Pagination_Item_Border_Width:var(--sapButton_BorderWidth)}:root{--fdInput_Box_Shadow_Hover:var(--sapField_Hover_Shadow);--fdInput_Outline_Color:var(--sapField_Active_BorderColor);--fdInput_Error_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Error_Box_Shadow_Hover:var(--sapField_InvalidShadow);--fdInput_Error_Outline_Color:var(--sapField_InvalidColor);--fdInput_Warning_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Warning_Box_Shadow_Hover:var(--sapContent_Critical_Shadow);--fdInput_Warning_Outline_Color:var(--sapField_WarningColor);--fdInput_Success_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Success_Box_Shadow_Hover:var(--sapContent_Positive_Shadow);--fdInput_Success_Outline_Color:var(--sapField_SuccessColor);--fdInput_Information_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Information_Box_Shadow_Hover:var(--sapContent_Informative_Shadow);--fdInput_Information_Outline_Color:var(--sapField_InformationColor);--fdInput_Non_Interactive_State_Placeholder_Color:var(--sapField_PlaceholderTextColor)}:root{--fdInput_Group_Button_Border_Raduis:var(--sapField_BorderCornerRadius);--fdInput_Group_Button_Background:transparent;--fdInput_Group_Button_Text_Color:var(--sapField_TextColor);--fdInput_Group_Button_Box_Shadow:var(--sapField_Hover_Shadow);--fdInput_Group_Button_Hover_Background:transparent;--fdInput_Group_Button_Hover_Text_Color:var(--sapField_TextColor);--fdInput_Group_Button_Active_Background:transparent;--fdInput_Group_Button_Active_Text_Color:var(--sapButton_Selected_TextColor);--fdInput_Group_Button_Success_Active_Text_Color:var(--sapButton_Accept_Selected_TextColor);--fdInput_Group_Button_Success_Active_Box_Shadow:var(--sapContent_Positive_Shadow);--fdInput_Group_Button_Error_Active_Text_Color:var(--sapButton_Reject_Selected_TextColor);--fdInput_Group_Button_Error_Active_Box_Shadow:var(--sapContent_Negative_Shadow);--fdInput_Group_Button_Warning_Active_Text_Color:var(--sapButton_Attention_Selected_TextColor);--fdInput_Group_Button_Warning_Active_Box_Shadow:var(--sapContent_Critical_Shadow);--fdInput_Group_Button_Information_Active_Text_Color:var(--sapButton_Selected_TextColor);--fdInput_Group_Button_Information_Active_Box_Shadow:var(--sapContent_Informative_Shadow);--fdInput_Outline_Offset_Focus_Within:-0.125rem;--fdInput_Outline_Border_Radius:var(--sapField_BorderCornerRadius)}:root{--fdWizard_Optional_Text_Color:var(--sapContent_LabelColor);--fdWizard_Label_Font_Family:var(--sapFontBoldFamily);--fdWizard_Label_Font_Weight:bold;--fdWizard_Completed_Step_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Completed_Step_Label_Color:var(--sapTextColor);--fdWizard_Completed_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);--fdWizard_Completed_Step_Icon_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Current_Step_Color:var(--sapContent_ContrastTextColor);--fdWizard_Current_Step_Label_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Current_Step_Icon_Color:var(--sapContent_ContrastIconColor);--fdWizard_Current_Step_Background_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Current_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);--fdWizard_Upcoming_Step_Color:var(--sapContent_LabelColor);--fdWizard_Upcoming_Step_Icon_Color:var(--sapContent_LabelColor);--fdWizard_Active_Step_Color:var(--sapContent_ContrastTextColor);--fdWizard_Active_Step_Icon_Color:var(--sapContent_ContrastIconColor);--fdWizard_Active_Step_Border_Color:var(--sapActiveColor);--fdWizard_Connector_Active_Border_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Content_Solid_Background:var(--sapShell_Background);--fdWizard_Content_List_Background:var(--sapGroup_ContentBackground);--fdWizard_Content_Transparent_Background:transparent;--fdWizard_Selection_Bar_Height:0.188rem;--fdWizard_Selection_Bar_Background:var(--sapSelectedColor);--fdWizard_Step_Indicator_Margin_Right:0.5rem;--fdWizard_Step_Content_Container_Background_Color:var(--sapGroup_ContentBackground);--fdWizard_Step_Content_Container_Spacing:1rem}:root{--fdPanel_Border_Radius:var(--sapElement_BorderCornerRadius);--fdPanel_Title_Font_Size:var(--sapGroup_Title_FontSize);--fdPanel_Content_Background_Color:var(--sapGroup_ContentBackground);--fdPanel_Margin_Bottom:0.5rem;--fdPanel_Content_Border_Bottom_Color:transparent}:root{--fdCarousel_Pagination_Border:0.0625rem solid var(--sapList_BorderColor);--fdCarousel_Dot_Size:0.25rem;--fdCarousel_Dot_Margin:0.375rem;--fdCarousel_Dot_Background:var(--sapContent_ForegroundBorderColor);--fdCarousel_Dot_Selected_Background:var(--sapContent_Selected_ForegroundColor);--fdCarousel_Dot_Border:0.0625rem solid var(--sapContent_ForegroundBorderColor);--fdCarousel_Dot_Selected_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor)}:root{--fdFeed_List_Item_Background:var(--sapList_Background);--fdFeed_List_Item_Padding:1rem 1rem 0.5rem;--fdFeed_List_Item_Border_Top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--fdFeed_List_Item_Border_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:root{--fdBusy_Indicator_Dot_Color:#0070f2;--fdBusy_Indicator_Dot_Contrast_Color:var(--sapContent_ContrastIconColor)}:root{--fdMenu_Active_State_Focus:var(--sapContent_FocusColor);--fdMenu_Affordance_Arrow_Size:1rem;--fdMenu_Shortcut_Color_Regular:var(--sapContent_LabelColor);--fdMenu_Shortcut_Color_Active:var(--sapContent_LabelColor);--fdMenu_Shortcut_Color_Selected:var(--sapContent_LabelColor);--fdMenu_Shortcut_Color_Selected_Hover:var(--sapContent_LabelColor);--fdMenu_Text_Color_Active:var(--sapList_TextColor)}:root{--fdCheckbox_Tristate_Size:0.75rem;--fdCheckbox_Tristate_Offset:0.3125rem;--fdCheckbox_Tristate_Compact_Size:0.5rem;--fdCheckbox_Tristate_Compact_Offset:0.25rem;--fdCheckbox_Padding:0.6875rem;--fdCheckbox_Compact_Padding:0.5rem;--fdCheckbox_Dimensions:1.375rem;--fdCheckbox_Compact_Dimensions:1rem;--fdCheckbox_Background_Color:var(--sapField_Background);--fdCheckbox_Hover_Background_Color:var(--sapContent_Selected_Hover_Background);--fdCheckbox_Inner_Border_Width:var(--sapField_BorderWidth);--fdCheckbox_Inner_Border_Style:var(--sapField_Selector_BorderStyle);--fdCheckbox_Inner_Border_Color:var(--sapField_BorderColor);--fdCheckbox_Check_Mark_Color:var(--sapContent_Selected_ForegroundColor)}:root{--fdCheckbox_Focus_Outline_Offset:0.25rem;--fdCheckbox_Outline_Border_Radius:0.8rem;--fdCheckbox_Compact_Outline_Border_Radius:0.5rem;--fdCheckbox_Background_Color_Default:var(--sapField_Background);--fdCheckbox_Inner_Border_Width_Default:var(--sapField_BorderWidth);--fdCheckbox_Inner_Border_Style_Default:var(--sapField_Selector_BorderStyle);--fdCheckbox_Inner_Border_Color_Default:var(--sapField_BorderColor);--fdCheckbox_Check_Mark_Color_Default:var(--sapContent_Selected_ForegroundColor);--fdCheckbox_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background);--fdCheckbox_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth);--fdCheckbox_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle);--fdCheckbox_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor);--fdCheckbox_Check_Mark_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor);--fdCheckbox_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background);--fdCheckbox_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth);--fdCheckbox_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle);--fdCheckbox_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor);--fdCheckbox_Check_Mark_Color_ReadOnly:var(--sapField_TextColor);--fdCheckbox_Background_Color_Error:var(--sapField_InvalidBackground);--fdCheckbox_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth);--fdCheckbox_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle);--fdCheckbox_Inner_Border_Color_Error:var(--sapField_InvalidColor);--fdCheckbox_Check_Mark_Color_Error:var(--sapField_InvalidColor);--fdCheckbox_Background_Color_Error_Hover:var(--sapField_Hover_Background);--fdCheckbox_Background_Color_Warning:var(--sapField_WarningBackground);--fdCheckbox_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth);--fdCheckbox_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle);--fdCheckbox_Inner_Border_Color_Warning:var(--sapField_WarningColor);--fdCheckbox_Check_Mark_Color_Warning:var(--sapField_WarningColor);--fdCheckbox_Background_Color_Warning_Hover:var(--sapField_Hover_Background);--fdCheckbox_Background_Color_Success:var(--sapField_SuccessBackground);--fdCheckbox_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth);--fdCheckbox_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle);--fdCheckbox_Inner_Border_Color_Success:var(--sapField_SuccessColor);--fdCheckbox_Check_Mark_Color_Success:var(--sapField_SuccessColor);--fdCheckbox_Background_Color_Success_Hover:var(--sapField_Hover_Background);--fdCheckbox_Background_Color_Information:var(--sapField_InformationBackground);--fdCheckbox_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth);--fdCheckbox_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle);--fdCheckbox_Inner_Border_Color_Information:var(--sapField_InformationColor);--fdCheckbox_Check_Mark_Color_Information:var(--sapField_InformationColor);--fdCheckbox_Background_Color_Information_Hover:var(--sapField_Hover_Background)}:root{--fdRadio_Inner_Circle_Diameter:1.375rem;--fdRadio_Compact_Inner_Circle_Diameter:1rem;--fdRadio_Outer_Circle_Padding:0.6875rem;--fdRadio_Compact_Outer_Circle_Padding:0.5rem;--fdRadio_Background_Color:var(--sapField_Background);--fdRadio_Inner_Border_Width:var(--sapField_BorderWidth);--fdRadio_Inner_Border_Style:var(--sapField_Selector_BorderStyle);--fdRadio_Inner_Border_Color:var(--sapField_BorderColor);--fdRadio_Active_Dot_Color:var(--sapContent_Selected_ForegroundColor);--fdRadio_Hover_Background_Color:var(--sapContent_Selected_Hover_Background)}:root{--fdRadio_Inner_Content_Size:0.75rem;--fdRadio_Inner_Content_Size_Compact:0.5rem;--fdRadio_Inner_Content_Padding:1rem;--fdRadio_Inner_Content_Padding_Compact:0.75rem;--fdRadio_Focus_Outline_Offset:0.25rem;--fdRadio_Outline_Border_Radius:0.8rem;--fdRadio_Compact_Outline_Border_radius:0.5rem;--fdRadio_Background_Color_Default:var(--sapField_Background);--fdRadio_Inner_Border_Width_Default:var(--sapField_BorderWidth);--fdRadio_Inner_Border_Style_Default:var(--sapField_Selector_BorderStyle);--fdRadio_Inner_Border_Color_Default:var(--sapField_BorderColor);--fdRadio_Active_Dot_Color_Default:var(--sapContent_Selected_ForegroundColor);--fdRadio_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background);--fdRadio_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth);--fdRadio_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle);--fdRadio_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor);--fdRadio_Active_Dot_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor);--fdRadio_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background);--fdRadio_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth);--fdRadio_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle);--fdRadio_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor);--fdRadio_Active_Dot_Color_ReadOnly:var(--sapField_TextColor);--fdRadio_Background_Color_Error:var(--sapField_InvalidBackground);--fdRadio_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth);--fdRadio_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle);--fdRadio_Inner_Border_Color_Error:var(--sapField_InvalidColor);--fdRadio_Active_Dot_Color_Error:var(--sapField_InvalidColor);--fdRadio_Background_Color_Error_Hover:var(--sapField_Hover_Background);--fdRadio_Background_Color_Warning:var(--sapField_WarningBackground);--fdRadio_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth);--fdRadio_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle);--fdRadio_Inner_Border_Color_Warning:var(--sapField_WarningColor);--fdRadio_Active_Dot_Color_Warning:var(--sapField_WarningColor);--fdRadio_Background_Color_Warning_Hover:var(--sapField_Hover_Background);--fdRadio_Background_Color_Success:var(--sapField_SuccessBackground);--fdRadio_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth);--fdRadio_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle);--fdRadio_Inner_Border_Color_Success:var(--sapField_SuccessColor);--fdRadio_Active_Dot_Color_Success:var(--sapField_SuccessColor);--fdRadio_Background_Color_Success_Hover:var(--sapField_Hover_Background);--fdRadio_Background_Color_Information:var(--sapField_InformationBackground);--fdRadio_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth);--fdRadio_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle);--fdRadio_Inner_Border_Color_Information:var(--sapField_InformationColor);--fdRadio_Active_Dot_Color_Information:var(--sapField_InformationColor);--fdRadio_Background_Color_Information_Hover:var(--sapField_Hover_Background)}:root{--fdLink_Text_Content_Decoration:var(--sapLink_TextDecoration);--fdLink_Text_Content_Decoration_Subtle:underline;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:underline;--fdLink_Text_Content_Decoration_Hover:var(--sapLink_Hover_TextDecoration);--fdLink_Text_Content_Decoration_Focus:underline;--fdLink_Text_Content_Decoration_Active:var(--sapLink_Active_TextDecoration);--fdLink_Text_Content_Decoration_Visited:var(--sapLink_TextDecoration);--fdLink_Text_Content_Decoration_Disabled:var(--sapLink_TextDecoration);--fdLink_Text_Focus_Color:var(--sapContent_ContrastTextColor);--fdLink_Focus_Background:var(--sapContent_FocusColor);--fdLink_Focus_Border_Radius:0.125rem;--fdLink_Focus_Text_Shadow:none;--fdLink_Hover_Outline_Offset:0;--fdLink_Hover_Outline_Width:0;--fdLink_Hover_Outline_Color:unset;--fdLink_Hover_Outline_Style:none;--fdLink_Display:inline-flex}:root{--fdVerticalNav_Border_Corner_Radius:var(--sapElement_BorderCornerRadius);--fdVerticalNav_Text_Shadow:none;--fdVerticalNav_Icon_Color:var(--sapHighlightColor);--fdVerticalNav_Item_Expanded_Box_Shadow:none;--fdVerticalNav_Item_Expanded_Border_Radius:none;--fdVerticalNav_Item_Expanded_Margin:0;--fdVerticalNav_Item_Expanded_Padding_Left:0.75rem;--fdVerticalNavigation_Indicator_Spacing:0;--fdVerticalNav_Item_Expandable_Margin_Block:0;--fdVerticalNav_Item_Border_Top_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--fdVerticalNav_Expanded_Item_Margin_Left:-0.75rem;--fdVerticalNav_Item_Text_Spacing:2.75rem;--fdVerticalNav_Item_Focus_Outline_Offset:-0.3125rem;--fdVerticalNav_Indicator_Height:2rem;--fdVerticalNav_Item_Indicator_Top:0;--fdVerticalNav_Item_Indicator_Height:2.75rem;--fdVerticalNav_Item_Text_No_Icon_Margin:1rem;--fdVerticalNav_Item_Child_Text_Color:var(--sapList_TextColor);--fdVerticalNav_Item_Indicated_Outline_Offset:-0.375rem}:root{--fdRating_Indicator_Selected_Hover_Opacity:0.9;--fdRating_Indicator_Display_Only_Selected_Color:var(--sapTextColor);--fdRating_Indicator_Disabled_Selected_Color:var(--sapContent_RatedColor);--fdRating_Indicator_Disabled_Unselected_Color:var(--sapContent_UnratedColor);--fdRating_Indicator_Disabled_Control_Opacity:0.4;--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio:0.75;--fdRating_Indicator_Border_Radius:0.25rem;--fdRating_Indicator_Focus_Outline_Offset:0.125rem}:root{--fdSelect_Expanded_Button_Border_Left_Color:transparent;--fdSelect_Expanded_Button_Border_Left_Color_Hover:transparent}:root{--fdTile_Border:0.0625rem solid var(--sapTile_BorderColor);--fdTile_Hover_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Hover_Border:var(--fdTile_Border);--fdTile_Title_Font_Size:var(--sapFontHeader6Size);--fdTile_Title_Font_Weight:bold;--fdSlide_Tile_Title_Font_Weight:bold;--fdSlide_Tile_Title_Color:var(--sapTile_OverlayForegroundColor);--fdSlide_Tile_Title_Text_Shadow:none;--fdSlide_Tile_Background_Color:var(--sapTile_OverlayBackground);--fdSlide_Tile_Background_Opacity:1;--fdSlide_Tile_Indicator_Dot_Size:0.375rem;--fdSlide_Tile_Indicator_Ative_Dot_Size:0.375rem;--fdSlide_Tile_Indicator_Dot_Spacing:0.188rem;--fdSlide_Tile_Indicator_Dot_Color:transparent;--fdSlide_Tile_Indicator_Active_Dot_Color:var(--sapTile_OverlayForegroundColor);--fdSlide_Tile_Indicator_Dot_Border:solid 0.0625rem var(--sapTile_OverlayForegroundColor);--fdSlide_Tile_Indicator_Dot_Opacity:0.6;--fdSlide_Tile_Indicator_Dot_Shadow:0 0 0.125rem var(--sapContent_ShadowColor);--fdSlide_Tile_Indicator_Active_Dot_Border:none;--fdSlide_Tile_Indicator_Active_Dot_Shadow:0 0 0.063rem var(--sapContent_ShadowColor)}:root{--fdProgress_Indicator_Height:2rem;--fdProgress_Indicator_Background_Color_Neutral:var(--sapProgress_Value_Background);--fdProgress_Indicator_Background_Color_Informative:var(--sapProgress_Value_InformationBackground);--fdProgress_Indicator_Background_Color_Positive:var(--sapProgress_Value_PositiveBackground);--fdProgress_Indicator_Background_Color_Negative:var(--sapProgress_Value_NegativeBackground);--fdProgress_Indicator_Background_Color_Critical:var(--sapProgress_Value_CriticalBackground);--fdProgress_Indicator_Container_Background_Neutral:var(--sapProgress_Background);--fdProgress_Indicator_Container_Background_Informative:var(--sapProgress_InformationBackground);--fdProgress_Indicator_Container_Background_Positive:var(--sapProgress_PositiveBackground);--fdProgress_Indicator_Container_Background_Negative:var(--sapProgress_NegativeBackground);--fdProgress_Indicator_Container_Background_Critical:var(--sapProgress_CriticalBackground);--fdProgress_Indicator_Container_Border_Neutral:var(--sapProgress_BorderColor);--fdProgress_Indicator_Container_Border_Informative:var(--sapProgress_InformationBorderColor);--fdProgress_Indicator_Container_Border_Positive:var(--sapProgress_PositiveBorderColor);--fdProgress_Indicator_Container_Border_Critical:var(--sapProgress_CriticalBorderColor);--fdProgress_Indicator_Container_Border_Negative:var(--sapProgress_NegativeBorderColor);--fdProgress_Indicator_Border_Right:var(--fdProgress_Indicator_Progress_Bar_Border);--fdProgress_Icon_Space_Before_Label:0;--fdProgress_Icon_Informative:"";--fdProgress_Icon_Positive:"";--fdProgress_Icon_Negative:"";--fdProgress_Icon_Critical:"";--fdProgress_Icon_Color_Informative:var(--sapProgress_Value_InformationTextColor);--fdProgress_Icon_Color_Positive:var(--sapProgress_Value_PositiveTextColor);--fdProgress_Icon_Color_Critical:var(--sapProgress_Value_CriticalTextColor);--fdProgress_Icon_Color_Negative:var(--sapProgress_Value_NegativeTextColor);--fdProgress_Indicator_Container_Position:relative;--fdProgress_Indicator_Container_Height:0.375rem;--fdProgress_Indicator_Container_Margin_Block:1.25rem 0.375rem;--fdProgress_Indicator_Container_Margin_Inline:0;--fdProgress_Indicator_Container_Overflow:visible;--fdProgress_Indicator_Progress_Bar_Border:0.0625rem solid;--fdProgress_Indicator_Progress_Bar_Border_Color_Neutral:var(--sapProgress_Value_BorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Informative:var(--sapProgress_Value_InformationBorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Positive:var(--sapProgress_Value_PositiveBorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Negative:var(--sapProgress_Value_NegativeBorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Critical:var(--sapProgress_Value_CriticalBorderColor);--fdProgress_Indicator_Progress_Bar_Height:0.625rem;--fdProgress_Indicator_Progress_Bar_Margin_Block:-0.1875rem 0;--fdProgress_Indicator_Progress_Bar_Border_Radius:0.5rem;--fdProgress_Indicator_Progress_Bar_Position:absolute;--fdProgress_Indicator_Progress_Bar_Position_Left:-0.0625rem;--fdProgress_Indicator_Progress_Bar_Position_Bottom:-0.1875rem;--fdProgress_Indicator_Progress_Bar_Boundary_Display:inline-block;--fdProgress_Indicator_Progress_Bar_Popover_Control_Border:var(--fdProgress_Indicator_Progress_Bar_Border);--fdProgress_Indicator_Label_Color:var(--sapField_TextColor);--fdProgress_Indicator_Label_Color_Contrast:var(--sapField_TextColor);--fdProgress_Indicator_Label_Margin_Start:0;--fdProgress_Indicator_Label_Margin_End:0;--fdProgress_Indicator_Label_Position:absolute;--fdProgress_Indicator_Label_Font_Size:var(--sapProgress_FontSize);--fdProgress_Indicator_Icon_Position:absolute;--fdProgress_Indicator_Icon_Font_Size:var(--sapFontLargeSize);--fdProgress_Indicator_Container_Width:calc(100% - 1.25rem)}:root{--fdMessage_Box_Shadow:var(--sapContent_Shadow1);--fdMessage_Border:none;--fdMessage_Border_Radius:var(--sapPopover_BorderCornerRadius);--fdMessage_Icon_Display:block}:root{--fdInfo_Label_Border_Color1:var(--sapAvatar_1_Background);--fdInfo_Label_Border_Color2:var(--sapAvatar_2_Background);--fdInfo_Label_Border_Color3:var(--sapAvatar_3_Background);--fdInfo_Label_Border_Color4:var(--sapAvatar_4_Background);--fdInfo_Label_Border_Color5:var(--sapAvatar_5_Background);--fdInfo_Label_Border_Color6:var(--sapAvatar_6_Background);--fdInfo_Label_Border_Color7:var(--sapAvatar_7_Background);--fdInfo_Label_Border_Color8:var(--sapAvatar_8_Background);--fdInfo_Label_Border_Color9:var(--sapAvatar_9_Background);--fdInfo_Label_Border_Color10:var(--sapAvatar_10_Background);--fdInfo_Label_Background_Color1:var(--sapAvatar_1_Background);--fdInfo_Label_Background_Color2:var(--sapAvatar_2_Background);--fdInfo_Label_Background_Color3:var(--sapAvatar_3_Background);--fdInfo_Label_Background_Color4:var(--sapAvatar_4_Background);--fdInfo_Label_Background_Color5:var(--sapAvatar_5_Background);--fdInfo_Label_Background_Color6:var(--sapAvatar_6_Background);--fdInfo_Label_Background_Color7:var(--sapAvatar_7_Background);--fdInfo_Label_Background_Color8:var(--sapAvatar_8_Background);--fdInfo_Label_Background_Color9:var(--sapAvatar_9_Background);--fdInfo_Label_Background_Color10:var(--sapAvatar_10_Background);--fdInfo_Label_Color1:var(--sapAvatar_1_TextColor);--fdInfo_Label_Color2:var(--sapAvatar_2_TextColor);--fdInfo_Label_Color3:var(--sapAvatar_3_TextColor);--fdInfo_Label_Color4:var(--sapAvatar_4_TextColor);--fdInfo_Label_Color5:var(--sapAvatar_5_TextColor);--fdInfo_Label_Color6:var(--sapAvatar_6_TextColor);--fdInfo_Label_Color7:var(--sapAvatar_7_TextColor);--fdInfo_Label_Color8:var(--sapAvatar_8_TextColor);--fdInfo_Label_Color9:var(--sapAvatar_9_TextColor);--fdInfo_Label_Color10:var(--sapAvatar_10_TextColor);--fdInfo_Label_Border_Radius:0.25rem;--fdInfo_Label_Border_Radius_Display:0.1875rem;--fdInfo_Label_Height:1.375rem;--fdInfo_Label_Height_Display:1rem}:root{--fdFileUploaderButtonsSpacing:0.125rem}:root{--fdVariantManagementHeadingColor:var(--sapLinkColor);--fdVariantManagementHeadingHoverColor:var(--sapLink_Hover_Color);--fdVariantManagementHeadingActiveColor:var(--sapLink_Active_Color)}:root{--fdShellbar_Height:3.25rem;--fdShellbar_Shadow:inset 0 -0.0625rem 0 0 var(--sapShell_BorderColor);--fdShellbar_Button_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor);--fdShellbar_Button_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Search_Border:none;--fdShellbar_Search_Category_Border:none;--fdShellbar_Search_Category_Border_width:0;--fdShellbar_Search_Category_Offset_Left:0.25rem;--fdShellbar_Search_Category_Offset_Right:var(--fdShellbar_Search_Category_Offset_Left);--fdShellbar_Search_Category_Button_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Search_Hover_Category_Button_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);--fdShellbar_Search_Input_Border:none;--fdShellbar_Search_Container_Background:var(--sapShell_InteractiveBackground);--fdShellbar_Search_Container_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Input_Background:var(--sapShell_InteractiveBackground);--fdShellbar_Input_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Input_Color:var(--sapShell_InteractiveTextColor);--fdShellbar_Input_Placeholder_Color:var(--sapField_PlaceholderTextColor);--fdShellbar_Input_Border_Radius:1.125rem;--fdShellbar_Input_Hover_Border_Color:var(--sapField_BorderColor);--fdShellbar_Input_Addon_Dimension:1.75rem;--fdShellbar_Input_Addon_Border_Width:var(--sapButton_BorderWidth);--fdShellbar_Search_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Search_Height:1.75rem;--fdShellbar_Search_Separator_Display:block;--fdShellbar_Search_Button_Hover_Background:var(--fdShellbar_Input_Hover_Background);--fdShellbar_Search_Active_Button_Background:var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Search_Active_Button_Hover_Background:var(--fdShellbar_Search_Active_Button_Background);--fdShellbar_Search_Active_Button_Color:var(--sapButton_Emphasized_TextColor);--fdShellbar_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Active_Shadow:0 0 0 0.125rem var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Search_Active_Outline:none;--fdShellbar_Input_Border:none;--fdShellbar_Input_Focus_Color:var(--sapShell_InteractiveTextColor);--fdShellbar_Input_Focus_Background:transparent;--fdShellbar_Input_Placeholder_Style:italic;--fdShellbar_Button_Left_Border:0.0625rem solid var(--sapButton_Lite_Hover_BorderColor);--fdShellbar_Input_Group_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_BorderColor),var(--sapField_BorderColor)) border-box;--fdShellbar_Input_Group_Hover_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_Hover_BorderColor),var(--sapField_Hover_BorderColor)) border-box;--fdShellbar_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_BorderColor);--fdShellbar_Hover_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_Hover_BorderColor);--fdShellbar_Helper_Display:block;--fdShellbar_Search_Input_X_Padding:0.9rem;--fdShellbar_Title_Color:var(--sapShell_SubBrand_TextColor);--fdShellbar_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor);--fdShellbar_Branding_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Branding_Active_Background:var(--sapButton_Lite_Active_Background);--fdShellbar_Branding_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor);--fdShellbar_Branding_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Button_Outline_Color:var(--sapContent_FocusColor);--fdShellbar_SearchField_Shadow:var(--sapField_Shadow);--fdShellbar_SearchField_Border_Radius:1.125rem;--fdShellbar_SearchField_Background_Color_Hover:var(--sapShell_Hover_Background);--fdShellbar_SearchField_Background_Color_Active:var(--sapShell_Active_Background);--fdShellbar_SearchField_Input_Border:none;--fdShellbar_SearchField_Input_Border_Hover:none;--fdShellbar_SearchField_Input_Border_Active:none;--fdShellbar_SearchField_Input_Background_Regular:transparent;--fdShellbar_SearchField_Input_Background_Hover:transparent;--fdShellbar_SearchField_Input_Background_Active:transparent;--fdShellbar_SearchField_Input_Background_Focus:transparent;--fdShellbar_SearchField_Input_Outline:none;--fdShellbar_SearchField_Input_Border_Radius:0;--fdShellbar_SearchField_Input_Outline_Offset:0;--fdShellbar_SearchField_Input_Padding_Inline:0.875rem 0.25rem;--fdShellbar_SearchField_Input_Text_Color:var(--sapField_TextColor);--fdShellbar_SearchField_Input_Placeholder_TextColor:var(--sapField_PlaceholderTextColor);--fdShellbar_SearchField_Addon_Margin_Inline:0 0.25rem;--fdShellbar_SearchField_Button_Width:1.75rem;--fdShellbar_SearchField_Button_Height:var(--sapElement_Compact_Height);--fdShellbar_SearchField_Button_Border_Radius:1.063rem;--fdShellbar_SearchField_Button_Focus_Inset:-0.0625rem;--fdShellbar_SearchField_Submit_Button_Color:var(--sapButton_Emphasized_TextColor);--fdShellbar_SearchField_Submit_Button_Background_Color:var(--sapButton_Emphasized_Background);--fdShellbar_SearchField_Submit_Button_Background_Color_Hover:var(--sapButton_Emphasized_Hover_Background);--fdShellbar_SearchField_Submit_Button_Border_Color:var(--sapButton_Emphasized_BorderColor);--fdShellbar_SearchField_Submit_Button_Border_Color_Hover:var(--sapButton_Emphasized_Hover_BorderColor);--fdShell_Search_Field_Category_Divider_Display:block;--fdShell_Search_Field_Category_Margin_End:0;--fdShell_Search_Dropdown_Height:var(--sapElement_Compact_Height);--fdShell_Search_Dropdown_Border_Radius:1.125rem;--fdShell_Search_Dropdown_Button_Radius:1.125rem;--fdShell_Search_Dropdown_Box_Shadow_Hover:var(--sapField_Hover_Shadow);--fdShell_Search_Dropdown_Active_Background:var(--sapShell_Active_Background);--fdShell_Search_Dropdown_Hover_Background:var(--sapShell_Hover_Background);--fdShell_Search_Category_Border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor)}:root{--fdGenericTag_Spacing_Outline_Offset:0;--fdGenericTag_Icon_Color_Hover_Error:var(--sapNegativeElementColor);--fdGenericTag_Icon_Color_Hover_Warning:var(--sapCriticalElementColor);--fdGenericTag_Icon_Color_Hover_Success:var(--sapPositiveElementColor);--fdGenericTag_Icon_Color_Hover_Information:var(--sapInformativeElementColor);--fdGenericTag_Icon_Color_Hover_Neutral:var(--sapNeutralElementColor);--fdGenericTag_Value_Color_Hover_Error:var(--sapNegativeTextColor);--fdGenericTag_Value_Color_Hover_Warning:var(--sapCriticalTextColor);--fdGenericTag_Value_Color_Hover_Success:var(--sapPositiveTextColor);--fdGenericTag_Value_Color_Hover_Information:var(--sapInformativeTextColor);--fdGenericTag_Value_Color_Hover_Neutral:var(--sapNeutralTextColor);--fdGenericTag_Name_Color_Hover:var(--sapList_TextColor)}:root{--fdFlexibleColumnLayout_Toggle_Image_Color:var(--sapHighlightColor);--fdFlexibleColumnLayout_Border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--fdFlexibleColumnLayout_Background_Solid:var(--sapContent_ForegroundColor);--fdFlexibleColumnLayout_Background_Translucent:var(--sapGroup_ContentBackground);--fdFlexibleColumnLayout_Background_Transparent:transparent}:root{--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarOffset:-0.125rem;--fdAvatarBackgroundSize:cover;--fdAvatarFontStretch:condensed;--fdAvatarBorderColor:var(--fdAvatar_Border_Color);--fdAvatarTextShadow:var(--fdAvatar_Text_Shadow);--fdAvatarColor:var(--fdAvatar_Color);--fdAvatarBackgroundColor:var(--fdAvatar_BackgroundColor);--fdAvatarBorderRadius:var(--sapElement_BorderCornerRadius);--fdAvatarBoxShadow:none;--fdAvatarHoverBorderColor:var(--sapAvatar_6_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6);--fdAvatarHoverBorder:0.0625rem solid var(--fdAvatarHoverBorderColor);--fdAvatarZoomIconFontSize:0.75rem;--fdAvatarZoomIconDimensions:1.125rem}:root{--fdAvatar_BackgroundColor:var(--sapAvatar_6_Background);--fdAvatar_Border_Color:var(--sapAvatar_6_BorderColor);--fdAvatar_Text_Shadow:none;--fdAvatar_Color:var(--sapAvatar_6_TextColor);--fdAvatar_Overflow_Border_Width:0.0625rem;--fdAvatar_Thumbnail_BorderColor:transparent;--fdAvatar_Focus_Outline_Offset:-0.3125rem;--fdAvatar_Focus_Outline_Radius:0.9rem;--fdAvatar_Focus_Outline_Radius_Circle:100%}:root{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsGap:0;--fdAvatarGroupItemsSpacingY:0}:root{--fdAvatarGroup_Focus_Outline_Radius:10rem;--fdAvatarGroup_Focus_Outline_Offset:-0.25rem}:root{--fdMessagePopover_Trigger_Border_Width:var(--sapButton_BorderWidth);--fdMessagePopover_Active_Focus_Outline_Color:var(--sapContent_FocusColor);--fdMessagePopover_Critical_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);--fdMessagePopover_Critical_Hover_Text_Shadow:none;--fdMessagePopover_Critical_Active_Text_Shadow:none;--fdMessagePopover_Success_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);--fdMessagePopover_Success_Hover_Text_Shadow:none;--fdMessagePopover_Success_Active_Text_Shadow:none;--fdMessagePopover_Negative_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);--fdMessagePopover_Negative_Hover_Text_Shadow:none;--fdMessagePopover_Negative_Active_Text_Shadow:none;--fdMessagePopover_Information_Focus_Outline_Color:var(--sapContent_FocusColor);--fdMessagePopover_Information_Regular_Text_Shadow:var(--sapContent_TextShadow);--fdMessagePopover_Information_Regular_Background_Color:var(--sapButton_Information_Background);--fdMessagePopover_Information_Regular_Color:var(--sapButton_Information_TextColor);--fdMessagePopover_Information_Regular_Border_Color:var(--sapButton_Information_BorderColor);--fdMessagePopover_Information_Hover_Text_Shadow:var(--sapContent_TextShadow);--fdMessagePopover_Information_Hover_Background_Color:var(--sapButton_Information_Hover_Background);--fdMessagePopover_Information_Hover_Color:var(--sapButton_Information_Hover_TextColor);--fdMessagePopover_Information_Hover_Border_Color:var(--sapButton_Information_Hover_BorderColor);--fdMessagePopover_Information_Active_Text_Shadow:var(--sapContent_TextShadow);--fdMessagePopover_Information_Active_Background_Color:var(--sapButton_Information_Active_Background);--fdMessagePopover_Information_Active_Color:var(--sapButton_Information_Active_TextColor);--fdMessagePopover_Information_Active_Border_Color:var(--sapButton_Information_Active_BorderColor)}:root{--fdToken_Text_Shadow:none;--fdToken_Border_Radius:0.375rem;--fdToken_Text_Color:var(--sapTextColor);--fdToken_Background_Color_Hover:var(--sapButton_Hover_Background);--fdToken_Border_Color_Hover:var(--sapButton_TokenBorderColor);--fdToken_Outline_Offset:0.0625rem;--fdToken_Outline_Offset_Compact:0;--fdToken_Background_Color_Read_Only:var(--sapButton_TokenBackground);--fdToken_Border_Color_Read_Only:var(--sapField_ReadOnly_BorderColor);--fdToken_Border_Color_Selected_Focus:var(--sapContent_FocusColor);--fdToken_Selected_Border:var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);--fdToken_Selected_Font_Family:var(--sapFontSemiboldDuplexFamily);--fdToken_Selected_Border_BottomStyle:0 100%/100% 0.125rem no-repeat linear-gradient(0deg,#0064d9,#0064d9) border-box;--fdToken_ReadOnly_Padding_Inline:0.3125rem;--fdToken_Focus_Border_Radius:0.5rem}:root{--fdCalendar_Text_Wrapper_Border:0;--fdCalendar_Text_Wrapper_Box_Sizing:content-box;--fdCalendar_Text_Wrapper_Margin:0;--fdCalendar_Text_Wrapper_Height:100%;--fdCalendar_Text_Wrapper_After_Z:0;--fdCalendar_Text_Border_Focus:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);--fdCalendar_Item_Legend_Top_Border:0;--fdCalendar_Item_Legend_Bottom_Border_Radius:0.3125rem;--fdCalendar_Item_Selected_Legend_Height:0.25rem;--fdCalendar_Item_Today_Selected_Bottom_Radius:0.3125rem;--fdCalendar_Item_Text_Active_Focus:none;--fdCalendar_Item_Text_Wrapper_Height:0.25rem}:root{--fdStepInput_Button_Width_Cozy:2.25rem;--fdStepInput_Button_Width_Compact:2rem;--fdStepInput_Button_Width_Semantic_Cozy:2.25rem;--fdStepInput_Button_Width_Semantic_Compact:2rem}:root{--fdObjectStatus_TextDecoration_Regular:underline;--fdObjectStatus_TextDecoration_Hover:none;--fdObjectStatus_TextDecoration_Down:none;--fdObjectStatus_TextDecoration_Visited:underline;--fdObjectStatus_TextDecoration_Focus:underline;--fdObjectStatus_Focus_Background:var(--sapContent_FocusColor);--fdObjectStatus_Focus_Border_Radius:0.125rem;--fdObjectStatus_Focus_Outline:0.125rem solid var(--sapContent_FocusColor);--fdObjectStatus_Positive_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Positive_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Critical_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Critical_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Negative_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Negative_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Informative_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Informative_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Neutral_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Neutral_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_1_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_2_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_3_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_4_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_5_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_6_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_7_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_8_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Inverted_Border_Width:0.0625rem;--fdObjectStatus_Inverted_Underline_Width:0.125rem;--fdObjectStatus_Inverted_Min_Width:1.375rem;--fdObjectStatus_Inverted_Padding_Block:0.1875rem;--fdObjectStatus_Inverted_Padding_Inline:0.25rem;--fdObjectStatus_Inverted_Line_Height:1.375rem;--fdObjectStatus_Inverted_Border_Radius:var(--sapButton_BorderCornerRadius);--fdObjectStatus_Inverted_Large_Font_Family:var(--sapFontSemiBoldFamily);--fdObjectStatus_Inverted_Neutral_Background_Regular:var(--sapNeutralBackground);--fdObjectStatus_Inverted_Neutral_Color_Regular:var(--sapTextColor);--fdObjectStatus_Inverted_Neutral_Border_Color_Regular:var(--sapNeutralBorderColor);--fdObjectStatus_Inverted_Box_Shadow:inset 0 0 0 0.125rem var(--sapContent_ContrastFocusColor);--fdObjectStatus_Inverted_Outline_Color:var(--sapContent_FocusColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Negative:var(--sapNegativeElementColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Critical:var(--sapCriticalElementColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Positive:var(--sapPositiveElementColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Informative:var(--sapInformativeElementColor);--fdObjectStatus_Active_Text_Indication_Color_1:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_2:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_3:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_4:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_5:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_6:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_7:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_8:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_9:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_10:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Text_Shadow_Indication_Color:var(--sapContent_TextShadow);--fdObjectStatus_Text_Indication_Color_1b:var(--sapIndicationColor_1);--fdObjectStatus_Background_Indication_Color_1b:var(--sapIndicationColor_1b);--fdObjectStatus_Border_Indication_Color_1b:var(--sapIndicationColor_1b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_1b:var(--sapIndicationColor_1b_Hover_Background);--fdObjectStatus_Text_Indication_Color_2b:var(--sapIndicationColor_2);--fdObjectStatus_Background_Indication_Color_2b:var(--sapIndicationColor_2b);--fdObjectStatus_Border_Indication_Color_2b:var(--sapIndicationColor_2b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_2b:var(--sapIndicationColor_2b_Hover_Background);--fdObjectStatus_Text_Indication_Color_3b:var(--sapIndicationColor_3);--fdObjectStatus_Background_Indication_Color_3b:var(--sapIndicationColor_3b);--fdObjectStatus_Border_Indication_Color_3b:var(--sapIndicationColor_3b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_3b:var(--sapIndicationColor_3b_Hover_Background);--fdObjectStatus_Text_Indication_Color_4b:var(--sapIndicationColor_4);--fdObjectStatus_Background_Indication_Color_4b:var(--sapIndicationColor_4b);--fdObjectStatus_Border_Indication_Color_4b:var(--sapIndicationColor_4b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_4b:var(--sapIndicationColor_4b_Hover_Background);--fdObjectStatus_Text_Indication_Color_5b:var(--sapIndicationColor_5);--fdObjectStatus_Background_Indication_Color_5b:var(--sapIndicationColor_5b);--fdObjectStatus_Border_Indication_Color_5b:var(--sapIndicationColor_5b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_5b:var(--sapIndicationColor_5b_Hover_Background);--fdObjectStatus_Text_Indication_Color_6b:var(--sapIndicationColor_6);--fdObjectStatus_Background_Indication_Color_6b:var(--sapIndicationColor_6b);--fdObjectStatus_Border_Indication_Color_6b:var(--sapIndicationColor_6b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_6b:var(--sapIndicationColor_6b_Hover_Background);--fdObjectStatus_Text_Indication_Color_7b:var(--sapIndicationColor_7);--fdObjectStatus_Background_Indication_Color_7b:var(--sapIndicationColor_7b);--fdObjectStatus_Border_Indication_Color_7b:var(--sapIndicationColor_7b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_7b:var(--sapIndicationColor_7b_Hover_Background);--fdObjectStatus_Text_Indication_Color_8b:var(--sapIndicationColor_8);--fdObjectStatus_Background_Indication_Color_8b:var(--sapIndicationColor_8b);--fdObjectStatus_Border_Indication_Color_8b:var(--sapIndicationColor_8b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_8b:var(--sapIndicationColor_8b_Hover_Background);--fdObjectStatus_Text_Indication_Color_9b:var(--sapIndicationColor_9);--fdObjectStatus_Background_Indication_Color_9b:var(--sapIndicationColor_9b);--fdObjectStatus_Border_Indication_Color_9b:var(--sapIndicationColor_9b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_9b:var(--sapIndicationColor_9b_Hover_Background);--fdObjectStatus_Text_Indication_Color_10b:var(--sapIndicationColor_10);--fdObjectStatus_Background_Indication_Color_10b:var(--sapIndicationColor_10b);--fdObjectStatus_Border_Indication_Color_10b:var(--sapIndicationColor_10b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_10b:var(--sapIndicationColor_10b_Hover_Background)}:root{--fdTokenizer_Indicator_Color:var(--sapLinkColor)}:root{--fdNotification_Border_Radius:var(--sapTile_BorderCornerRadius);--fdNotification_Border_Left_Right_Color:var(--sapList_BorderColor);--fdNotification_Border_Top_Color:var(--sapList_BorderColor);--fdNotification_Border_Left_Right_Color_Selected:var(--sapList_SelectionBorderColor);--fdNotification_Border_Top_Color_Selected:var(--sapList_SelectionBorderColor);--fdNotification_Border_Block_End_Color_Selected:var(--sapList_SelectionBorderColor);--fdNotification_Background_Hover:var(--sapList_Hover_Background);--fdNotification_Background_Active:var(--sapList_SelectionBackgroundColor);--fdNotification_Background_Selected:var(--sapList_SelectionBackgroundColor);--fdNotification_Background_Selected_Hover:var(--sapList_Hover_SelectionBackground);--fdNotification_Title_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Paragraph_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Footer_Content_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Separator_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Border_Inline_Color_Active:var(--sapList_Active_Background);--fdNotification_Border_Block_Start_Color_Active:var(--sapList_Active_Background);--fdNotification_Border_Block_End_Color_Active:var(--sapList_Active_Background);--fdNotification_Group_Header_Border_Bottom_Color:transparent;--fdNotification_Group_Header_Margin_Block:0.75rem 0.5rem;--fdNotification_Group_Header_Title_Font_Weight:normal;--fdNotification_Group_Header_Title_Font_Size:var(--sapFontHeader5Size);--fdNotification_Group_Header_Title_Color:var(--sapGroup_TitleTextColor);--fdNotification_Group_List_Margin_Block:0 0.5rem;--fdNotification_Group_List_Margin_Inline:0.5rem;--fdNotification_Group_List_Gap:0.5rem;--fdNotification_Growing_Item_Margin_Inline:0.5rem;--fdNotification_Growing_Item_Margin_Block_End:0.5rem;--fdNotification_Growing_Item_Title_Color:var(--sapButton_TextColor);--fdNotification_Growing_Item_Title_Font_Family:var(--sapFontFamily);--fdNotification_Growing_Item_Title_Font_Size:var(--sapFontSize);--fdNotification_Growing_Item_Title_Font_Weight:bold}:root{--fdPagination_Placeholder_Dots_Width:1.5rem;--fdPagination_Placeholder_Dots_Width_Compact:1.5rem;--fdPagination_Elements_Spacing:0.25rem}:root{--fdSearchField_BorderRadius:2rem;--fdSearchField_Border_Color:transparent;--fdSearchField_Background_Normal:var(--sapShell_InteractiveBackground);--fdSearchField_Background_Hover:var(--sapShell_Hover_Background);--fdSearchField_Background_Focus:var(--sapShell_Active_Background);--fdSearchField_Outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);--fdSearchField_Outline_Offset:0;--fdSearchField_Underline_Color:var(--sapField_BorderColor);--fdSearchField_Placeholder_Color:var(--sapField_PlaceholderTextColor);--fdSearchField_Icon_Color:var(--sapContent_NonInteractiveIconColor)}:root{--fdNavigation_Link_Border_Radius:var(--sapButton_BorderCornerRadius);--fdNavigation_Link_Transition:background-color 0.3s ease-in-out,width 0.3s ease-in-out;--fdNavigation_Link_Border_Color_Normal:transparent;--fdNavigation_Link_Border_Bottom_Color_Normal:transparent;--fdNavigation_Link_Border_Color_Hover:transparent;--fdNavigation_Link_Border_Color_Active:transparent;--fdNavigation_Link_Border_Color_Selected:transparent;--fdNavigation_Link_Border_Color_Focus:transparent;--fdNavigation_Link_Selected_Background:var(--sapList_Hover_SelectionBackground)}:root{--fdNavigationMenu_Item_Border_Radius:0.375rem;--fdNavigationMenu_Item_Transition:background-color 0.3s ease-in-out;--fdNavigationMenu_Item_Border_Color_Normal:transparent;--fdNavigationMenu_Item_Border_Bottom_Color_Normal:transparent;--fdNavigationMenu_Item_Border_Color_Hover:transparent;--fdNavigationMenu_Item_Border_Color_Active:transparent;--fdNavigationMenu_Item_Border_Color_Selected:transparent;--fdNavigationMenu_Item_Border_Color_Focus:transparent}:root{--fdNavigationList_Content_Border_Radius:var(--sapButton_BorderCornerRadius);--fdNavigationList_Content_Border_Color:transparent;--fdNavigationList_Content_Outline_Offset:-0.125rem}:root{--fdToolHeader_Border_Color:transparent;--sapToolHeader_Product_Name_Color:var(--sapShell_GroupTitleTextColor);--sapToolHeader_Product_Name_Font_Size:1.125rem;--sapToolHeader_Second_Title_Color:var(--sapContent_LabelColor);--sapToolHeader_Second_Title_Font_Size:var(--sapFontSize);--sapToolHeader_Second_Title_Offset:0.125rem;--sapToolHeader_Min_Height_Compact:3.25rem;--sapToolHeader_Min_Height_Cozy:3.75rem;--sapToolHeader_Border_Radius:0.5rem;--sapToolHeader_Paddings_Y:0.5625rem}:root{--fdTextarea_Line_Height:1.5}:root{--sapMenu_Shadow1:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--sapMenu_Shadow2:0 0 0.125rem 0 rgba(34,53,72,.48),0 1rem 2rem 0 rgba(34,53,72,.16);--sapNotifications_Shadow2:0 0 0.125rem 0 rgba(34,53,72,.48),0 1rem 2rem 0 rgba(34,53,72,.16);--sapSearchHover_Shadow:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--sapMenu_Background:var(--sapList_Background);--sapMenu_Hover_Background:var(--sapList_Hover_Background);--sapMenu_Active_Background:var(--sapList_Active_Background);--sapMenu_Selected_Background:var(--sapList_Hover_SelectionBackground);--sapNavigation_Shadow1:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--sapNavigation_Shadow2:0 0 0.125rem 0 rgba(34,53,72,.48),0 1rem 2rem 0 rgba(34,53,72,.16);--sapNavigation_Background:var(--sapList_Background);--sapNavigation_Hover_Background:var(--sapList_Hover_Background);--sapNavigation_Active_Background:var(--sapList_Active_Background);--sapNavigation_Selected_Background:var(--sapList_Hover_SelectionBackground);--fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Track_Negative_Background);--fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Track_Positive_Background);--fdDynamicPage_Hover_Border_Bottom:none;--fdDynamicPage_Title_Header_Transparent_Background:transparent;--fdDynamicPage_Button_Left_Gradient:linear-gradient(to left,var(--sapObjectHeader_BorderColor),transparent);--fdDynamicPage_Button_Right_Gradient:linear-gradient(to right,var(--sapObjectHeader_BorderColor),transparent);--fdDynamicPage_Button_Group_Background:var(--sapObjectHeader_BorderColor);--fdDynamicPage_Content_List_Background:var(--sapGroup_ContentBackground);--fdDynamicPage_Content_Transparent_Background:transparent;--fdSideNav_Text_Shadow:none;--fdTime_Text_Shadow:none;--fdSelect_Text_Shadow:none;--fdSelect_Button_Interractive_SideBorder:none;--fdPopover_Border_Radius:var(--sapPopover_BorderCornerRadius);--fdPopover_Border_Width:0.0625rem;--fdPopover_Border_Color:#acb8c1;--fdProductSwitch_Text_Shadow:none;--fdProductSwitch_Shadow:none;--fdMenu_Text_Shadow:none;--fdList_Button_Spacing:0.125rem;--fdList_Growing_Font_Weight:bold;--fdList_Active_Outline_Color:var(--sapContent_FocusColor);--fdInputGroup_Text_Shadow:none;--fdInputGroup_ControlButton_SideBorder:var(--sapButton_BorderWidth) solid transparent;--fdInputGroup_ControlButton_SideBorder_Active:solid var(--sapButton_BorderWidth) transparent;--fdInputGroup_Outline_Offset:0;--fdInput_Text_Shadow:none;--fdInput_State_Text_Style:normal;--fdInput_State_Font_Weight:normal;--fdInput_State_Border_Type:solid;--fdPlaceholder_Font_Style:italic;--fdInput_Outline_Offset:-0.125rem;--fdInput_Outline_Offset_States:-0.125rem;--fdCalendar_Text_Shadow:none;--fdCalendar_Active_Item_Border:0.125rem solid var(--sapList_SelectionBorderColor);--fdCalendar_Active_Focus_Item_Outline_Color:var(--sapList_SelectionBorderColor);--fdCalendar_Active_Focus_Item_Outline_Offset:-0.375rem;--fdCalendar_Item_Current_Border:none;--fdCalendar_Border_Radius:var(--sapButton_BorderCornerRadius);--fdCalendar_Item_Active_Background_Hover:var(--sapList_Hover_Background);--fdCalendar_Special_Day_Marker_Height:0.3125rem;--fdCalendar_Item_Current_Inner_Border_Color:transparent;--fdCalendar_Item_Current_Active_Special_Day_Width:calc(100% - 0.25rem);--fdCalendar_Item_Current_Active_Special_Day_Height:calc(100% - 1.25rem);--fdCalendar_Item_Current_Active_Special_Day_Bottom:0.125rem;--fdCalendar_Item_Current_Active_Special_Day_Left:auto;--fdCalendar_Item_Current_Active_Special_Day_Right:auto;--fdCalendar_Month_Year_Item_Border_Radius:var(--sapButton_BorderCornerRadius);--fdCalendar_Active_Item_Font_Weight:var(--sapFontBoldFamily);--fdFormHeader_Border_Width:var(--sapGroup_TitleBorderWidth);--fdBadge_Border_Color:transparent;--fdMessageStrip_Border_Color_Success:var(--sapMessage_SuccessBorderColor);--fdMessageStrip_Border_Color_Error:var(--sapMessage_ErrorBorderColor);--fdMessageStrip_Border_Color_Warning:var(--sapMessage_WarningBorderColor);--fdMessageStrip_Border_Color_Neutral:var(--sapNeutralBorderColor);--fdMessageStrip_Border_Color_Informative:var(--sapMessage_InformationBorderColor);--fdMessageStrip_Icon_Color_Success:var(--sapPositiveElementColor);--fdMessageStrip_Icon_Color_Error:var(--sapNegativeElementColor);--fdMessageStrip_Icon_Color_Warning:var(--sapCriticalElementColor);--fdMessageStrip_Icon_Color_Neutral:var(--sapNeutralElementColor);--fdMessageStrip_Icon_Color_Information:var(--sapInformativeElementColor);--fdPage_List_Background:var(--sapGroup_ContentBackground);--fdPage_Transparent_Background:transparent;--fdList_Item_Action_Border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--fdList_Item_Action_Button_Size:100%;--fdList_Item_Action_Button_Size_Compact:100%;--fdList_Item_Action_Button_Spacing:0;--fdList_Item_Action_Button_Border:none;--fdList_Item_Action_Button_Border_Radius:0;--fdTable_Hover_Down_Color:inherit;--fdFeed_Input_Placeholder_Font_Style:italic;--fdToolbar_Auto_Background:var(--sapToolbar_Background);--fdToolbar_Solid_Background:var(--sapToolbar_Background);--fdToolbar_Transparent_Background:transparent;--fdToolbar_Info_Outline_Color:var(--sapContent_FocusColor);--sapToolHeader_Shadow1:0 0 0.125rem 0 rgba(85,107,130,.16),0 0.5rem 1rem 0 rgba(85,107,130,.16);--fdMicro_Process_Flow_Icon_Color:var(--sapButton_Neutral_Background);--fdMicro_Process_Flow_Active_Icon_Color:var(--sapContent_ContrastIconColor);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--fdText_Selected_Background_Color:var(--sapSelectedColor);--fdMessage_Page_Container_Background:var(--sapGroup_ContentBackground);--fdMessage_Page_Container_Corner_Radius:var(--sapElement_BorderCornerRadius);--fdMessage_Page_Title_Margin_Top:2rem;--fdMessage_Page_Title_Margin_Bottom:0.5rem;--fdBar_Left_Area_Padding_Right:0.25rem;--fdBar_Middle_Area_Padding_X:0.25rem;--fdBar_Right_Area_Padding_Left:0.25rem;--fdBar_Header_Font_Family:var(--sapFontHeaderFamily);--fdBar_Header_Color:var(--sapPageHeader_TextColor);--fdObject_List_Title_Font_Size:var(--sapFontHeader5Size);--fdObject_List_Title_Font_Weight:bolder;--fdObject_List_Number_Font_Size:1.25rem;--fdNested_List_Border_Corner_Radius:var(--sapPopover_BorderCornerRadius);--fdToolLayout_Background:#eaecee;--sapSplitPane_Shadow1:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--fdModal_BackgroundColor:rgba(0,0,0,.2);--fdUserMenu_User_Name_Font_Family:var(--sapFontSemiboldDuplexFamily)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-button{--fdButton_Clickable_Height:2.75rem;--fdButton_Padding_X:0.625rem;--fdButton_Min_Width:2.25rem;--fdButton_Badge_Offset:-0.3125rem;--fdButton_Badge_Margin:0.25rem;--fdButton_Badge_Margin_Inline_Start:0;--fdButton_Badge_Width:auto;--fdButton_Badge_Height:1rem;--fdButton_Badge_Position:absolute;--fdButton_Badge_Position_Attention:absolute;--fdButton_Badge_Padding_Inline:0.3125rem;--fdButton_Badge_Size_Attention:0.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;border:0;border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;outline:0;padding-block:0;padding-inline:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;border-width:var(--sapButton_BorderWidth);height:var(--fdButton_Height,var(--sapElement_Height));max-height:var(--fdButton_Height,var(--sapElement_Height));min-width:var(--fdButton_Min_Width);padding-inline:calc(var(--fdButton_Padding_X) - var(--sapButton_BorderWidth));position:relative;text-align:center;text-shadow:var(--fdButton_Text_Shadow);--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)}.fd-button:after,.fd-button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-button::-moz-focus-inner{border:0}.fd-button:before{content:"";display:block;height:auto;inset:calc((var(--fdButton_Clickable_Height) - var(--fdButton_Height, var(--sapElement_Height)))*-.5) 0;position:absolute;width:100%}.fd-button__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:inherit;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-button__text:after,.fd-button__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-button,.fd-button__text{font-family:var(--fdButton_Font_Family,var(--sapButton_FontFamily))}.fd-button :not(:first-child):not(.fd-button__badge){-webkit-margin-start:.375rem;margin-inline-start:.375rem}.fd-button>[class*=sap-icon]{color:inherit;font-size:1rem;font-style:normal;height:1rem;line-height:1rem;min-width:1rem;vertical-align:text-bottom;width:1rem}.fd-button>[class*=sap-icon]:after,.fd-button>[class*=sap-icon]:before{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.fd-button__badge{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapContent_BadgeBackground);border:.0625rem solid var(--sapContent_BadgeBorderColor);border-radius:.5rem;color:var(--sapContent_BadgeTextColor);font-size:var(--sapFontSmallSize);height:var(--fdButton_Badge_Height);padding-block:0;padding-inline:var(--fdButton_Badge_Padding_Inline);position:var(--fdButton_Badge_Position);right:var(--fdButton_Badge_Offset);top:var(--fdButton_Badge_Offset);width:var(--fdButton_Badge_Width);z-index:1;-webkit-margin-start:var(--fdButton_Badge_Margin_Inline_Start);margin-inline-start:var(--fdButton_Badge_Margin_Inline_Start)}.fd-button__badge:after,.fd-button__badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-button__badge[dir=rtl],[dir=rtl] .fd-button__badge{left:var(--fdButton_Badge_Offset);right:auto}.fd-button__badge--attention{--fdButton_Badge_Padding_Inline:0;--fdButton_Badge_Offset:-0.1875rem;--fdButton_Badge_Width:var(--fdButton_Badge_Size_Attention);--fdButton_Badge_Height:var(--fdButton_Badge_Size_Attention);--fdButton_Badge_Position:var(--fdButton_Badge_Position_Attention)}.fd-button[class*=-compact],.fd-button[class*=-condensed],[class*=-compact] .fd-button:not([class*=-cozy]),[class*=-condensed] .fd-button:not([class*=-cozy]){--fdButton_Height:var(--fdButton_Compact_Height,var(--sapElement_Compact_Height));--fdButton_Clickable_Height:2rem;--fdButton_Padding_X:0.5rem;--fdButton_Min_Width:2rem;--fdButton_Badge_Position:static;--fdButton_Badge_Margin_Inline_Start:0.25rem;--fdButton_Badge_Size_Attention:0.625rem}.fd-button[class*=-compact]:not(.fd-button--tool-header):has(.fd-button__badge),.fd-button[class*=-condensed]:not(.fd-button--tool-header):has(.fd-button__badge),[class*=-compact] .fd-button:not([class*=-cozy]):not(.fd-button--tool-header):has(.fd-button__badge),[class*=-condensed] .fd-button:not([class*=-cozy]):not(.fd-button--tool-header):has(.fd-button__badge){padding-inline:calc(.5rem - var(--sapButton_BorderWidth)) calc(.25rem - var(--sapButton_BorderWidth))}.fd-button--menu{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-button--menu-fixed-width{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-button--menu .fd-button__text{line-height:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:start}.fd-button--full-width{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:100%;width:100%}.fd-button--text-alignment-left{text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-button--text-alignment-right{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-button--decisive{min-width:4rem}.fd-button__instructions{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-button.is-focus,.fd-button:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5}.fd-button.is-focus:after,.fd-button:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:"";display:block;inset:var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset);position:absolute}.fd-button.is-focus.fd-button--toggled:after,.fd-button.is-focus.is-selected:after,.fd-button:focus.fd-button--toggled:after,.fd-button:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-button.is-active,.fd-button.is-selected,.fd-button:active,.fd-button[aria-selected=true]{-webkit-box-shadow:none;box-shadow:none;outline:none}.fd-button.is-disabled,.fd-button:disabled,.fd-button[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:var(--sapContent_DisabledOpacity)}.fd-button.is-selected,.fd-button[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button.is-hover,.fd-button:hover{--fdButtonColor:var(--sapButton_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Hover_Background))}.fd-button.is-active,.fd-button:active{--fdButtonColor:var(--sapButton_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Active_Background));--fdElementTextColor:var(--sapButton_Active_TextColor);--fdElementIconColor:var(--sapButton_Active_TextColor)}.fd-button.is-active .fd-button__icon,.fd-button:active .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none}.fd-button.is-disabled,.fd-button:disabled,.fd-button[aria-disabled=true]{--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Background))}.fd-button.is-disabled.is-selected,.fd-button.is-disabled[aria-selected=true],.fd-button:disabled.is-selected,.fd-button:disabled[aria-selected=true],.fd-button[aria-disabled=true].is-selected,.fd-button[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)}.fd-button.fd-button--toggled.is-hover,.fd-button.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)}.fd-button.fd-button--toggled.is-active,.fd-button.fd-button--toggled.is-selected,.fd-button.fd-button--toggled:active,.fd-button.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))}.fd-button.fd-button--toggled.is-active .fd-button__icon,.fd-button.fd-button--toggled.is-selected .fd-button__icon,.fd-button.fd-button--toggled:active .fd-button__icon,.fd-button.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none}.fd-button.fd-button--toggled.is-disabled,.fd-button.fd-button--toggled:disabled,.fd-button.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none}.fd-button--emphasized,.fd-button--emphasized .fd-button__text{--fdButton_Font_Family:var(--sapButton_Emphasized_FontFamily)}.fd-button--emphasized{--fdButtonColor:var(--sapButton_Emphasized_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Emphasized_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Emphasized_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);border-width:var(--sapButton_Emphasized_BorderWidth);color:var(--fdButtonColor)}.fd-button--emphasized.is-selected,.fd-button--emphasized[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button--emphasized.is-hover,.fd-button--emphasized:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Emphasized_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Emphasized_Hover_Background))}.fd-button--emphasized.is-active,.fd-button--emphasized:active{--fdButtonColor:var(--sapButton_Emphasized_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Emphasized_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Emphasized_Active_Background));--fdElementTextColor:var(--sapButton_Emphasized_Active_TextColor);--fdElementIconColor:var(--sapButton_Emphasized_Active_TextColor)}.fd-button--emphasized.is-active .fd-button__icon,.fd-button--emphasized:active .fd-button__icon{color:var(--sapButton_Emphasized_Active_TextColor);text-shadow:none}.fd-button--emphasized.is-disabled,.fd-button--emphasized:disabled,.fd-button--emphasized[aria-disabled=true]{--fdButtonColor:var(--sapButton_Emphasized_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Emphasized_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Emphasized_Background))}.fd-button--emphasized.is-disabled.is-selected,.fd-button--emphasized.is-disabled[aria-selected=true],.fd-button--emphasized:disabled.is-selected,.fd-button--emphasized:disabled[aria-selected=true],.fd-button--emphasized[aria-disabled=true].is-selected,.fd-button--emphasized[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button--emphasized.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)}.fd-button--emphasized.fd-button--toggled.is-hover,.fd-button--emphasized.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)}.fd-button--emphasized.fd-button--toggled.is-active,.fd-button--emphasized.fd-button--toggled.is-selected,.fd-button--emphasized.fd-button--toggled:active,.fd-button--emphasized.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))}.fd-button--emphasized.fd-button--toggled.is-active .fd-button__icon,.fd-button--emphasized.fd-button--toggled.is-selected .fd-button__icon,.fd-button--emphasized.fd-button--toggled:active .fd-button__icon,.fd-button--emphasized.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Emphasized_Active_TextColor);text-shadow:none}.fd-button--emphasized.fd-button--toggled.is-disabled,.fd-button--emphasized.fd-button--toggled:disabled,.fd-button--emphasized.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none}.fd-button--emphasized.is-focus,.fd-button--emphasized:focus{z-index:5}.fd-button--emphasized.is-focus:after,.fd-button--emphasized:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-button--emphasized.is-focus.is-active:after,.fd-button--emphasized.is-focus:active:after,.fd-button--emphasized:focus.is-active:after,.fd-button--emphasized:focus:active:after{border-color:var(--sapContent_FocusColor)}.fd-button--emphasized[class*=-compact].is-focus,.fd-button--emphasized[class*=-compact]:focus,.fd-button--emphasized[class*=-condensed].is-focus,.fd-button--emphasized[class*=-condensed]:focus,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus{z-index:5}.fd-button--emphasized[class*=-compact].is-focus.is-active:after,.fd-button--emphasized[class*=-compact].is-focus:active:after,.fd-button--emphasized[class*=-compact]:focus.is-active:after,.fd-button--emphasized[class*=-compact]:focus:active:after,.fd-button--emphasized[class*=-condensed].is-focus.is-active:after,.fd-button--emphasized[class*=-condensed].is-focus:active:after,.fd-button--emphasized[class*=-condensed]:focus.is-active:after,.fd-button--emphasized[class*=-condensed]:focus:active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus.is-active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus:active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus.is-active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus:active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus.is-active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus:active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus.is-active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus:active:after{border-color:transparent}.fd-button--emphasized.is-active,.fd-button--emphasized.is-selected,.fd-button--emphasized:active,.fd-button--emphasized[aria-selected=true]{outline:none}.fd-button--emphasized.fd-button--toggled.is-focus,.fd-button--emphasized.fd-button--toggled:focus{outline-color:var(--fdButton_Emphasized_Active_Outline);z-index:5}.fd-button--emphasized.fd-button--toggled.is-active,.fd-button--emphasized.fd-button--toggled.is-selected,.fd-button--emphasized.fd-button--toggled:active,.fd-button--emphasized.fd-button--toggled[aria-selected=true]{outline:none}.fd-button--attention{--fdButtonColor:var(--sapButton_Attention_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)}.fd-button--attention.is-selected,.fd-button--attention[aria-selected=true]{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background))}.fd-button--attention.is-hover,.fd-button--attention:hover{--fdButtonColor:var(--sapButton_Attention_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Attention_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Attention_Hover_Background))}.fd-button--attention.is-active,.fd-button--attention:active{--fdButtonColor:var(--sapButton_Attention_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Attention_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Attention_Active_Background));--fdElementTextColor:var(--sapButton_Attention_Active_TextColor);--fdElementIconColor:var(--sapButton_Attention_Active_TextColor)}.fd-button--attention.is-active .fd-button__icon,.fd-button--attention:active .fd-button__icon{color:var(--sapButton_Attention_Active_TextColor);text-shadow:none}.fd-button--attention.is-disabled,.fd-button--attention:disabled,.fd-button--attention[aria-disabled=true]{--fdButtonColor:var(--sapButton_Attention_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Background))}.fd-button--attention.is-disabled.is-selected,.fd-button--attention.is-disabled[aria-selected=true],.fd-button--attention:disabled.is-selected,.fd-button--attention:disabled[aria-selected=true],.fd-button--attention[aria-disabled=true].is-selected,.fd-button--attention[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background))}.fd-button--attention.fd-button--toggled{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Attention_Selected_Background)}.fd-button--attention.fd-button--toggled.is-hover,.fd-button--attention.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Attention_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Attention_Selected_Hover_Background)}.fd-button--attention.fd-button--toggled.is-active,.fd-button--attention.fd-button--toggled.is-selected,.fd-button--attention.fd-button--toggled:active,.fd-button--attention.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Attention_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Hover_Background))}.fd-button--attention.fd-button--toggled.is-active .fd-button__icon,.fd-button--attention.fd-button--toggled.is-selected .fd-button__icon,.fd-button--attention.fd-button--toggled:active .fd-button__icon,.fd-button--attention.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Attention_Active_TextColor);text-shadow:none}.fd-button--attention.fd-button--toggled.is-disabled,.fd-button--attention.fd-button--toggled:disabled,.fd-button--attention.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none}.fd-button--negative{--fdButtonColor:var(--sapButton_Reject_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)}.fd-button--negative.is-selected,.fd-button--negative[aria-selected=true]{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background))}.fd-button--negative.is-hover,.fd-button--negative:hover{--fdButtonColor:var(--sapButton_Reject_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Reject_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Reject_Hover_Background))}.fd-button--negative.is-active,.fd-button--negative:active{--fdButtonColor:var(--sapButton_Reject_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Reject_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Reject_Active_Background));--fdElementTextColor:var(--sapButton_Reject_Active_TextColor);--fdElementIconColor:var(--sapButton_Reject_Active_TextColor)}.fd-button--negative.is-active .fd-button__icon,.fd-button--negative:active .fd-button__icon{color:var(--sapButton_Reject_Active_TextColor);text-shadow:none}.fd-button--negative.is-disabled,.fd-button--negative:disabled,.fd-button--negative[aria-disabled=true]{--fdButtonColor:var(--sapButton_Reject_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Background))}.fd-button--negative.is-disabled.is-selected,.fd-button--negative.is-disabled[aria-selected=true],.fd-button--negative:disabled.is-selected,.fd-button--negative:disabled[aria-selected=true],.fd-button--negative[aria-disabled=true].is-selected,.fd-button--negative[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background))}.fd-button--negative.fd-button--toggled{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Reject_Selected_Background)}.fd-button--negative.fd-button--toggled.is-hover,.fd-button--negative.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Reject_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Reject_Selected_Hover_Background)}.fd-button--negative.fd-button--toggled.is-active,.fd-button--negative.fd-button--toggled.is-selected,.fd-button--negative.fd-button--toggled:active,.fd-button--negative.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Reject_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Hover_Background))}.fd-button--negative.fd-button--toggled.is-active .fd-button__icon,.fd-button--negative.fd-button--toggled.is-selected .fd-button__icon,.fd-button--negative.fd-button--toggled:active .fd-button__icon,.fd-button--negative.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Reject_Active_TextColor);text-shadow:none}.fd-button--negative.fd-button--toggled.is-disabled,.fd-button--negative.fd-button--toggled:disabled,.fd-button--negative.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none}.fd-button--positive{--fdButtonColor:var(--sapButton_Accept_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)}.fd-button--positive.is-selected,.fd-button--positive[aria-selected=true]{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background))}.fd-button--positive.is-hover,.fd-button--positive:hover{--fdButtonColor:var(--sapButton_Accept_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Accept_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Accept_Hover_Background))}.fd-button--positive.is-active,.fd-button--positive:active{--fdButtonColor:var(--sapButton_Accept_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Accept_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Accept_Active_Background));--fdElementTextColor:var(--sapButton_Accept_Active_TextColor);--fdElementIconColor:var(--sapButton_Accept_Active_TextColor)}.fd-button--positive.is-active .fd-button__icon,.fd-button--positive:active .fd-button__icon{color:var(--sapButton_Accept_Active_TextColor);text-shadow:none}.fd-button--positive.is-disabled,.fd-button--positive:disabled,.fd-button--positive[aria-disabled=true]{--fdButtonColor:var(--sapButton_Accept_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Background))}.fd-button--positive.is-disabled.is-selected,.fd-button--positive.is-disabled[aria-selected=true],.fd-button--positive:disabled.is-selected,.fd-button--positive:disabled[aria-selected=true],.fd-button--positive[aria-disabled=true].is-selected,.fd-button--positive[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background))}.fd-button--positive.fd-button--toggled{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Accept_Selected_Background)}.fd-button--positive.fd-button--toggled.is-hover,.fd-button--positive.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Accept_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Accept_Selected_Hover_Background)}.fd-button--positive.fd-button--toggled.is-active,.fd-button--positive.fd-button--toggled.is-selected,.fd-button--positive.fd-button--toggled:active,.fd-button--positive.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Accept_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Hover_Background))}.fd-button--positive.fd-button--toggled.is-active .fd-button__icon,.fd-button--positive.fd-button--toggled.is-selected .fd-button__icon,.fd-button--positive.fd-button--toggled:active .fd-button__icon,.fd-button--positive.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Accept_Active_TextColor);text-shadow:none}.fd-button--positive.fd-button--toggled.is-disabled,.fd-button--positive.fd-button--toggled:disabled,.fd-button--positive.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none}.fd-button--transparent{--fdButtonColor:var(--sapButton_Lite_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Lite_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Lite_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)}.fd-button--transparent.is-selected,.fd-button--transparent[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button--transparent.is-hover,.fd-button--transparent:hover{--fdButtonColor:var(--sapButton_Lite_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Lite_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Lite_Hover_Background))}.fd-button--transparent.is-active,.fd-button--transparent:active{--fdButtonColor:var(--sapButton_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Lite_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Lite_Active_Background));--fdElementTextColor:var(--sapButton_Active_TextColor);--fdElementIconColor:var(--sapButton_Active_TextColor)}.fd-button--transparent.is-active .fd-button__icon,.fd-button--transparent:active .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none}.fd-button--transparent.is-disabled,.fd-button--transparent:disabled,.fd-button--transparent[aria-disabled=true]{--fdButtonColor:var(--sapButton_Lite_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Lite_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Lite_Background))}.fd-button--transparent.is-disabled.is-selected,.fd-button--transparent.is-disabled[aria-selected=true],.fd-button--transparent:disabled.is-selected,.fd-button--transparent:disabled[aria-selected=true],.fd-button--transparent[aria-disabled=true].is-selected,.fd-button--transparent[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button--transparent.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)}.fd-button--transparent.fd-button--toggled.is-hover,.fd-button--transparent.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)}.fd-button--transparent.fd-button--toggled.is-active,.fd-button--transparent.fd-button--toggled.is-selected,.fd-button--transparent.fd-button--toggled:active,.fd-button--transparent.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))}.fd-button--transparent.fd-button--toggled.is-active .fd-button__icon,.fd-button--transparent.fd-button--toggled.is-selected .fd-button__icon,.fd-button--transparent.fd-button--toggled:active .fd-button__icon,.fd-button--transparent.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none}.fd-button--transparent.fd-button--toggled.is-disabled,.fd-button--transparent.fd-button--toggled:disabled,.fd-button--transparent.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none}.fd-button--ghost{--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--fdButton_Ghost_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)}.fd-button--ghost.is-selected,.fd-button--ghost[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button--ghost.is-hover,.fd-button--ghost:hover{--fdButtonColor:var(--sapButton_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Hover_Background))}.fd-button--ghost.is-active,.fd-button--ghost:active{--fdButtonColor:var(--sapButton_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Active_Background));--fdElementTextColor:var(--sapButton_Active_TextColor);--fdElementIconColor:var(--sapButton_Active_TextColor)}.fd-button--ghost.is-active .fd-button__icon,.fd-button--ghost:active .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none}.fd-button--ghost.is-disabled,.fd-button--ghost:disabled,.fd-button--ghost[aria-disabled=true]{--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--fdButton_Ghost_Background))}.fd-button--ghost.is-disabled.is-selected,.fd-button--ghost.is-disabled[aria-selected=true],.fd-button--ghost:disabled.is-selected,.fd-button--ghost:disabled[aria-selected=true],.fd-button--ghost[aria-disabled=true].is-selected,.fd-button--ghost[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))}.fd-button--ghost.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)}.fd-button--ghost.fd-button--toggled.is-hover,.fd-button--ghost.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)}.fd-button--ghost.fd-button--toggled.is-active,.fd-button--ghost.fd-button--toggled.is-selected,.fd-button--ghost.fd-button--toggled:active,.fd-button--ghost.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))}.fd-button--ghost.fd-button--toggled.is-active .fd-button__icon,.fd-button--ghost.fd-button--toggled.is-selected .fd-button__icon,.fd-button--ghost.fd-button--toggled:active .fd-button__icon,.fd-button--ghost.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none}.fd-button--ghost.fd-button--toggled.is-disabled,.fd-button--ghost.fd-button--toggled:disabled,.fd-button--ghost.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none}.fd-button--tool-header{--fdButton_ToolHeader_Icon_Size:1rem;--fdButton_ToolHeader_Padding:0.75rem;--fdButton_ToolHeader_Size:var(--fdButton_ToolHeader_Button_Size);--fdButton_ToolHeader_Background:var(--sapButton_Lite_Background);--fdButton_ToolHeader_Color:var(--fdButton_ToolHeader_Color_Normal);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Normal);--fdButton_ToolHeader_Border_Radius:var(--fdButton_ToolHeader_Button_Border_Radius);background:var(--fdButton_ToolHeader_Background);border:var(--sapButton_BorderWidth) solid var(--fdButton_ToolHeader_Border_Color);border-radius:var(--fdButton_ToolHeader_Border_Radius);color:var(--fdButton_ToolHeader_Color);height:var(--fdButton_ToolHeader_Size);max-height:var(--fdButton_ToolHeader_Size);max-width:var(--fdButton_ToolHeader_Size);min-height:var(--fdButton_ToolHeader_Size);min-width:var(--fdButton_ToolHeader_Size);padding-block:var(--fdButton_ToolHeader_Padding);padding-inline:var(--fdButton_ToolHeader_Padding);width:var(--fdButton_ToolHeader_Size)}.fd-button--tool-header [class*=sap-icon],.fd-button--tool-header[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-size:var(--fdButton_ToolHeader_Icon_Size);height:var(--fdButton_ToolHeader_Icon_Size);width:var(--fdButton_ToolHeader_Icon_Size)}.fd-button--tool-header.is-hover,.fd-button--tool-header:hover{--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Hover);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Hover);--fdButton_Hover_Shadow:none}.fd-button--tool-header.is-active,.fd-button--tool-header:active{--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Active);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Active);--fdButton_ToolHeader_Color:var(--fdButton_ToolHeader_Color_Active);outline:none}.fd-button--tool-header.is-active.is-focus,.fd-button--tool-header.is-active:focus,.fd-button--tool-header:active.is-focus,.fd-button--tool-header:active:focus{z-index:5;--fdButton_ToolHeader_Border_Radius:0.375rem;--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Active);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Active);outline:none}.fd-button--tool-header.is-active.is-focus:after,.fd-button--tool-header.is-active:focus:after,.fd-button--tool-header:active.is-focus:after,.fd-button--tool-header:active:focus:after{border:none}.fd-button--tool-header.is-focus,.fd-button--tool-header:focus{z-index:5;--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Active);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Focus);--fdButton_ToolHeader_Border_Radius:var(--fdButton_ToolHeader_Border_Radius_Focus);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--fdButton_ToolHeader_Outline_Color)}.fd-button--tool-header.is-focus:after,.fd-button--tool-header:focus:after{border:none}.fd-button--tool-header.is-disabled,.fd-button--tool-header:disabled,.fd-button--tool-header[aria-disabled=true]{--fdButton_ToolHeader_Background:var(--sapButton_Lite_Background);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Disabled);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-button--tool-header[class*=-compact],[class*=-compact] .fd-button--tool-header:not([class*=-cozy]){--fdButton_ToolHeader_Padding:0.5rem;--fdButton_ToolHeader_Size:var(--fdButton_ToolHeader_Button_Size_Compact)}.fd-button--tool-header .fd-button__badge{background:var(--sapContent_BadgeBackground);border:0;border:.0625rem solid var(--fdButton_ToolHeader_Badge_Border_Color);border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_BadgeBackground);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.625rem;line-height:normal;margin-block:0;margin-inline:0;max-height:.625rem;max-width:.625rem;min-height:.625rem;min-width:.625rem;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;right:-.125rem;top:-.125rem;width:.625rem}.fd-button--tool-header .fd-button__badge:after,.fd-button--tool-header .fd-button__badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-button--tool-header .fd-button__badge[dir=rtl],[dir=rtl] .fd-button--tool-header .fd-button__badge{left:-.125rem;right:auto}.fd-button--nested,.fd-button--nested-square{--fdButton_Nested_Size:1.5rem;--fdButton_Nested_Icon_Size:0.75rem;--fdButton_Nested_Click_Area:2rem;--fdButton_Nested_Color:var(--sapContent_IconColor);--fdButton_Nested_Background:var(--sapButton_Lite_Background);--fdButton_Nested_Border_Color:var(--fdButton_ToolHeader_Border_Color_Normal);--fdButton_Nested_Border_Radius:1rem;background:var(--fdButton_Nested_Background);border:var(--sapButton_BorderWidth) solid var(--fdButton_Nested_Border_Color);border-radius:var(--fdButton_Nested_Border_Radius);color:var(--fdButton_Nested_Color);height:var(--fdButton_Nested_Size);max-height:var(--fdButton_Nested_Size);max-width:var(--fdButton_Nested_Size);min-height:var(--fdButton_Nested_Size);min-width:var(--fdButton_Nested_Size);padding-block:0;padding-inline:0;width:var(--fdButton_Nested_Size)}.fd-button--nested [class*=sap-icon],.fd-button--nested-square [class*=sap-icon],.fd-button--nested-square[class*=sap-icon],.fd-button--nested[class*=sap-icon]{color:inherit;font-size:var(--fdButton_Nested_Icon_Size)}.fd-button--nested-square:before,.fd-button--nested:before{height:var(--fdButton_Nested_Click_Area);inset:auto auto auto auto;max-height:var(--fdButton_Nested_Click_Area);max-width:var(--fdButton_Nested_Click_Area);min-height:var(--fdButton_Nested_Click_Area);min-width:var(--fdButton_Nested_Click_Area);width:var(--fdButton_Nested_Click_Area)}.fd-button--nested-square.is-hover,.fd-button--nested-square:hover,.fd-button--nested.is-hover,.fd-button--nested:hover{--fdButton_Nested_Background:var(--sapButton_Lite_Hover_Background);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Hover);--fdButton_Hover_Shadow:none}.fd-button--nested-square.is-active,.fd-button--nested-square:active,.fd-button--nested.is-active,.fd-button--nested:active{--fdButton_Nested_Background:var(--fdButton_Nested_Background_Active);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Active);--fdButton_Nested_Color:var(--fdButton_Nested_Color_Active);outline:none}.fd-button--nested-square.is-active.is-focus,.fd-button--nested-square.is-active:focus,.fd-button--nested-square:active.is-focus,.fd-button--nested-square:active:focus,.fd-button--nested.is-active.is-focus,.fd-button--nested.is-active:focus,.fd-button--nested:active.is-focus,.fd-button--nested:active:focus{z-index:5;--fdButton_Nested_Border_Radius:0.75rem;--fdButton_Nested_Background:var(--fdButton_Nested_Background_Active);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Active);outline:none}.fd-button--nested-square.is-active.is-focus:after,.fd-button--nested-square.is-active:focus:after,.fd-button--nested-square:active.is-focus:after,.fd-button--nested-square:active:focus:after,.fd-button--nested.is-active.is-focus:after,.fd-button--nested.is-active:focus:after,.fd-button--nested:active.is-focus:after,.fd-button--nested:active:focus:after{border:none}.fd-button--nested-square.is-focus,.fd-button--nested-square:focus,.fd-button--nested.is-focus,.fd-button--nested:focus{z-index:5;--fdButton_Nested_Background:var(--fdButton_Nested_Background_Focus);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Focus);--fdButton_Nested_Border_Radius:var(--fdButton_Nested_Border_Radius_Focus);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)}.fd-button--nested-square.is-focus:after,.fd-button--nested-square:focus:after,.fd-button--nested.is-focus:after,.fd-button--nested:focus:after{border:none}.fd-button--nested-square.is-disabled,.fd-button--nested-square:disabled,.fd-button--nested-square[aria-disabled=true],.fd-button--nested.is-disabled,.fd-button--nested:disabled,.fd-button--nested[aria-disabled=true]{--fdButton_Nested_Background:var(--sapButton_Lite_Background);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Disabled);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-button--nested-square[class*=-compact],.fd-button--nested[class*=-compact],[class*=-compact] .fd-button--nested-square:not([class*=-cozy]),[class*=-compact] .fd-button--nested:not([class*=-cozy]){--fdButton_Nested_Size:1.375rem;--fdButton_Nested_Click_Area:1.625rem}.fd-button--nested-square{--fdButton_Nested_Border_Radius:0.1875rem}.fd-button--nested-square.is-active,.fd-button--nested-square:active{--fdButton_Nested_Border_Radius:0.1875rem}.fd-button--nested-square.is-active.is-focus,.fd-button--nested-square.is-active:focus,.fd-button--nested-square:active.is-focus,.fd-button--nested-square:active:focus{z-index:5;--fdButton_Nested_Border_Radius:0.1875rem}.fd-button--nested-square.is-focus,.fd-button--nested-square:focus{z-index:5;--fdButton_Nested_Border_Radius:0.1875rem}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-card{--fdCard_Border:0.0625rem solid var(--sapTile_BorderColor);--fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius);--fdCard_Header_Text_Spacing:0.25rem;--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Regular);--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:inherit;--fdCard_Footer_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Content_Border_Radius:0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Offset:0.0625rem;--fdCard_Media_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Bottom:var(--fdCard_Header_Border_Bottom);--fdCard_Main_Header_Border_Top:none;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:var(--fdCard_Main_Header_Padding_Bottom);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;background:var(--fdCard_Background,var(--sapTile_Background));border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Corner_Radius);-webkit-box-shadow:var(--fdCard_Box_Shadow);box-shadow:var(--fdCard_Box_Shadow);-ms-flex:1;flex:1;min-height:100%;position:relative;width:100%}.fd-card:after,.fd-card:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--interactive{cursor:pointer}.fd-card--interactive.is-focus,.fd-card--interactive:focus{outline:none;z-index:5}.fd-card--interactive.is-focus:before,.fd-card--interactive:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive.is-hover,.fd-card--interactive:hover{--fdCard_Background:var(--sapTile_Hover_Background);--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Hover);--fdCard_Footer_Background:var(--sapTile_Hover_Background);--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card--interactive.is-active,.fd-card--interactive:active{--fdCard_Box_Shadow:none;--fdCard_Background:var(--sapTile_Active_Background);--fdCard_Footer_Background:var(--sapTile_Active_Background);--fdCard_Main_Header_Background:var(--sapTile_Active_Background);--fdCard_Border:0.0625rem solid var(--sapTile_Interactive_BorderColor)}.fd-card--interactive.is-selected:before,.fd-card--interactive[aria-selected=true]:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus,.fd-card--interactive[role=button] .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus:before,.fd-card--interactive[role=button] .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card--interactive[role=listitem] .fd-card__header-main-container{pointer-events:none}.fd-card__header{border:0;border-radius:var(--fdCard_Header_Border_Radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-card__header:after,.fd-card__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header:is(:first-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:is(:last-child){--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Border_Top:var(--fdCard_Header_Border_Bottom);--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__header:is(:last-child) .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:0}.fd-card__header:only-child{--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__header:only-child .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header:only-child .fd-card__header-main{--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Border_Top:none}.fd-card__header--interactive .fd-card__header-main{cursor:pointer}.fd-card__header--interactive .fd-card__header-main.is-hover,.fd-card__header--interactive .fd-card__header-main:hover{--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container.is-active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container:active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)}.fd-card__header--interactive .fd-card__header-main-container.is-focus,.fd-card__header--interactive .fd-card__header-main-container:focus{outline:none;z-index:5}.fd-card__header--interactive .fd-card__header-main-container.is-focus:before,.fd-card__header--interactive .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__header-main{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--fdCard_Main_Header_Background,var(--sapTile_Background));border-bottom:var(--fdCard_Main_Header_Border_Bottom);border-radius:var(--fdCard_Main_Header_Border_Radius);border-top:var(--fdCard_Main_Header_Border_Top);-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding-block:var(--fdCard_Main_Header_Padding_Block_Start) var(--fdCard_Main_Header_Padding_Block_End);padding-inline:1rem;position:relative;text-decoration:none}.fd-card__header-main:after,.fd-card__header-main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.fd-card__header-main-container:after,.fd-card__header-main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-main-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:5}.fd-card__header-main-actions:after,.fd-card__header-main-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.5rem;padding-inline:1rem}.fd-card__header-extended:after,.fd-card__header-extended:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-extended--top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-extended--bottom-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-column{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-card__header-column:after,.fd-card__header-column:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-column--right-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__header-row{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-card__header-row:after,.fd-card__header-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__header-numeric{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding-block:.25rem;padding-inline:1rem}.fd-card__header-numeric:after,.fd-card__header-numeric:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-card__indicator:after,.fd-card__indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-card__numeric-container:after,.fd-card__numeric-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__indicator-title:after,.fd-card__indicator-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__indicator-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:right}.fd-card__indicator-value:after,.fd-card__indicator-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__timestamp{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontSmallSize)}.fd-card__timestamp:after,.fd-card__timestamp:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdCard_Footer_Background,var(--sapTile_Background));border-radius:var(--fdCard_Footer_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);padding-block:var(--fdCard_Footer_Padding) 1rem;padding-inline:1rem}.fd-card__footer:after,.fd-card__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdCard_Footer_Actions_Item_Spacing);margin-inline-end:var(--fdCard_Footer_Actions_Item_Spacing);text-overflow:clip}.fd-card__footer:is(:first-child){--fdCard_Footer_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__header-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;gap:var(--fdCard_Header_Text_Spacing);height:100%;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:3;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdCard_Title_Font_Size);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:4.2rem;max-width:100%}.fd-card__title:after,.fd-card__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:2.5rem;max-width:100%}.fd-card__subtitle:after,.fd-card__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{white-space:nowrap;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;-webkit-margin-before:var(--fdCard_Counter_Margin);margin-block-start:var(--fdCard_Counter_Margin)}.fd-card__badge-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;max-width:calc(100% - 1rem);min-width:1.375rem;position:absolute;top:-.5rem;z-index:10}.fd-card__badge-container:after,.fd-card__badge-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__badge-container[dir=rtl],[dir=rtl] .fd-card__badge-container{left:.5rem;right:auto}.fd-card__badge-container+.fd-card__header{--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__header:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge-container+.fd-card__content{overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__badge-container+.fd-card__content:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__badge.fd-object-status{--fdObjectStatus_Inverted_Border_Radius:0.5rem;--fdObjectStatus_Inverted_Padding_Block:0;--fdObjectStatus_Inverted_Padding_Inline:0.25rem;--fdObjectStatus_Inverted_Line_Height:0.875rem}.fd-card__badge.fd-object-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;color:var(--sapTile_TextColor);-ms-flex-direction:row;flex-direction:row;text-overflow:ellipsis;-webkit-margin-start:.25rem;margin-inline-start:.25rem;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:"| "}.fd-card__analytics-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:.5rem;overflow:hidden}.fd-card__analytics-area:after,.fd-card__analytics-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden;white-space:nowrap;width:100%;-webkit-margin-start:2rem;margin-inline-start:2rem}.fd-card__analytics-container:after,.fd-card__analytics-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;max-width:calc(50% - 1rem);overflow:hidden}.fd-card__analytics:after,.fd-card__analytics:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-after:.25rem;color:var(--sapTile_TextColor);padding-block-end:.25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{-ms-flex-negative:0;flex-shrink:0;width:auto}.fd-card__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;--fdCard_Focus_Outline_Radius:0;-webkit-box-flex:1;border-radius:var(--fdCard_Content_Border_Radius);-ms-flex:1 0 auto;flex:1 0 auto;position:relative}.fd-card__content:after,.fd-card__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content.is-focus,.fd-card__content:focus{outline:none;z-index:5}.fd-card__content.is-focus:before,.fd-card__content:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3}.fd-card__content:is(:first-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0}.fd-card__content:is(:last-child){overflow:hidden;--fdCard_Content_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__content:is(:only-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)}.fd-card__content--with-spacing{padding-block:1rem;padding-inline:1rem}.fd-card__content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.75rem}.fd-card__content-container:after,.fd-card__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{gap:2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-card__content-section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;max-width:24rem;min-width:12rem;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-card__content-group:after,.fd-card__content-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.fd-card__content-group-text:after,.fd-card__content-group-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{-webkit-padding-after:.5rem;padding-block-end:.5rem}.fd-card--object .fd-card__content{padding-block:1rem;padding-inline:1rem}.fd-card__loader{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:5rem}.fd-card__loader:after,.fd-card__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--fdCard_Media_Background,var(--sapTile_Background));border-radius:var(--fdCard_Media_Border_Radius);-ms-flex-direction:row;flex-direction:row;flex-direction:var(--fdCard_Media_Flex_Direction,row);height:100%;overflow:hidden;padding-block:var(--fdCard_Media_Padding_Block_Start,0) var(--fdCard_Media_Padding_Block_End,0);padding-inline:var(--fdCard_Media_Padding_Inline_Start,0) var(--fdCard_Media_Padding_Inline_End,0);position:relative}.fd-card__media:after,.fd-card__media:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media.fd-card__media--with-padding{--fdCard_Media_Image_Radius:0.5rem;--fdCard_Media_Padding_Inline_Start:1rem;--fdCard_Media_Padding_Inline_End:1rem;--fdCard_Media_Padding_Block_Start:1rem}.fd-card__media.fd-card__media--bg-shell-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media.fd-card__media--bg-shell-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media.fd-card__media--bg-shell-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media.fd-card__media--bg-shell-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media.fd-card__media--bg-shell-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media.fd-card__media--bg-shell-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media.fd-card__media--bg-shell-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media.fd-card__media--bg-shell-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media.fd-card__media--bg-shell-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media.fd-card__media--bg-shell-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media.fd-card__media--bg-shell-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media.fd-card__media--bg-shell-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media.fd-card__media--bg-shell-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media.fd-card__media--bg-shell-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media.fd-card__media--bg-shell-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media.fd-card__media--bg-shell-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media.fd-card__media--bg-legend-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-17{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-18{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-19{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media.fd-card__media--bg-legend-20{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media+.fd-card__header{--fdCard_Header_Border_Radius:0;--fdCard_Focus_Outline_Radius:0}.fd-card__media+.fd-card__header:is(:last-child){--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)}.fd-card__media:only-child{--fdCard_Media_Border_Radius:var(--sapTile_BorderCornerRadius)}.fd-card__media-content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--fdCard_Media_Content_Container_Background,var(--sapTile_Background));height:var(--fdCard_Media_Content_Container_Height,100%);inset:var(--fdCard_Media_Content_Container_Top,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Left,0);justify-content:center;max-height:100%;padding-block:var(--fdCard_Media_Content_Container_Padding_Block,1rem);padding-inline:var(--fdCard_Media_Content_Container_Padding_Inline,1rem);position:var(--fdCard_Media_Content_Container_Position,relative);-webkit-transform:var(--fdCard_Media_Content_Container_Transform,none);transform:var(--fdCard_Media_Content_Container_Transform,none);width:var(--fdCard_Media_Content_Container_Width,100%);z-index:3}.fd-card__media-content-container:after,.fd-card__media-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-1{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-2{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-3{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-4{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-5{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-6{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-7{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-8{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-9{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-10{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-11{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-12{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-13{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-14{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-15{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-shell-16{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-1{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-2{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-3{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-4{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-5{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-6{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-7{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-8{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-9{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-10{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-11{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-12{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-13{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-14{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-15{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-16{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-17{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-18{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-19{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none}.fd-card__media-content-container.fd-card__media-content-container--bg-legend-20{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none}.fd-card__media-image-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:var(--fdCard_Media_Image_Container_Height,100%);width:var(--fdCard_Media_Image_Container_Width,100%)}.fd-card__media-image-container:after,.fd-card__media-image-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-image{-webkit-box-flex:1;border-radius:var(--fdCard_Media_Image_Radius,0);-ms-flex:1;flex:1;height:var(--fdCard_Media_Image_Height,100%);width:var(--fdCard_Media_Image_Width,100%)}.fd-card__media-heading{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Heading_Color,var(--sapTile_TitleTextColor));font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader3Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdCard_Media_Heading_Shadow,none)}.fd-card__media-heading:after,.fd-card__media-heading:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card__media-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Text_Color,var(--sapTile_TextColor));font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-card__media-text:after,.fd-card__media-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-card--banner{--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Content_Container_Padding_Inline:3rem;--fdCard_Media_Content_Container_Padding_Block:3rem;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%}@media (width >= 600px) and (width <= 1023px){.fd-card--banner{--fdCard_Media_Image_Container_Width:80%}}@media (width <= 599px){.fd-card--banner{--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:50%;--fdCard_Media_Image_Container_Width:50%}@media (width >= 600px) and (width <= 1023px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Image_Container_Width:20%}}@media (width <= 599px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Flex_Direction:column-reverse;--fdCard_Media_Content_Container_Width:100%;--fdCard_Media_Image_Container_Width:100%}}.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width:calc(50% - 3rem);--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Top:50%;--fdCard_Media_Content_Container_Left:3rem;--fdCard_Media_Content_Container_Height:fit-content;--fdCard_Media_Content_Container_Position:absolute;--fdCard_Media_Content_Container_Transform:translateY(-50%)}@media (width >= 600px) and (width <= 1023px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width:calc(80% - 3rem);--fdCard_Media_Image_Container_Width:100%}}@media (width <= 599px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width:calc(100% - 3rem)%;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Right:3rem;--fdCard_Media_Content_Container_Padding_Inline:1rem;--fdCard_Media_Content_Container_Padding_Block:1rem}}.fd-card[class*=-compact],.fd-card[class*=-condensed],[class*=-compact] .fd-card:not([class*=-cozy]),[class*=-condensed] .fd-card:not([class*=-cozy]){--fdCard_Header_Text_Spacing:0.5rem}@media (width <= 599px){.fd-card{--fdCard_Media_Content_Container_Width:100%}}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-panel{--fdPanel_Header_Width:100%;--fdPanel_Header_Height:2.75rem;--fdPanel_Flex_Direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:var(--fdPanel_Flex_Direction);flex-direction:var(--fdPanel_Flex_Direction)}.fd-panel,.fd-panel__content,.fd-panel__expand,.fd-panel__header,.fd-panel__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-panel:after,.fd-panel:before,.fd-panel__content:after,.fd-panel__content:before,.fd-panel__expand:after,.fd-panel__expand:before,.fd-panel__header:after,.fd-panel__header:before,.fd-panel__title:after,.fd-panel__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-panel:not(:last-child){-webkit-margin-after:var(--fdPanel_Margin_Bottom);margin-block-end:var(--fdPanel_Margin_Bottom)}.fd-panel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapGroup_TitleBackground);border-bottom:var(--sapGroup_TitleBorderWidth) solid var(--fdPanel_Header_Border_Color,var(--sapGroup_TitleBorderColor));border-radius:var(--fdPanel_Header_Border_Top_Left_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Header_Border_Top_Right_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Header_Border_Bottom_Right_Radius,0) var(--fdPanel_Header_Border_Bottom_Left_Radius,0);min-height:var(--fdPanel_Header_Height);min-width:var(--fdPanel_Header_Width);overflow:hidden;padding-inline:var(--fdPanel_Header_Padding_Inline_Start,0) var(--fdPanel_Header_Padding_Inline_End,.5rem);position:var(--fdPanel_Header_Position,relative);top:var(--fdPanel_Header_Position_Top,unset);width:var(--fdPanel_Header_Width)}.fd-panel__header:has(.fd-panel__button[aria-expanded=false]){--fdPanel_Header_Border_Bottom_Left_Radius:var(--fdPanel_Border_Radius);--fdPanel_Header_Border_Bottom_Right_Radius:var(--fdPanel_Border_Radius)}.fd-panel__header:has(.fd-toolbar){--fdPanel_Header_Padding_Inline_End:0}.fd-panel__header:not(:has(.fd-panel__button)){--fdPanel_Header_Padding_Inline_Start:0.75rem}.fd-panel__title{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--fdPanel_Title_Font_Size);max-width:100%;width:100%;-webkit-padding-start:.25rem;padding-inline-start:.25rem}.fd-panel__title--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-panel__content{background:var(--fdPanel_Content_Background_Color);border-bottom:.0625rem solid var(--fdPanel_Content_Border_Bottom_Color);border-radius:var(--fdPanel_Content_Border_Top_Left_Radius,0) var(--fdPanel_Content_Border_Top_Right_Radius,0) var(--fdPanel_Content_Border_Bottom_Right_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Content_Border_Bottom_Left_Radius,var(--fdPanel_Border_Radius));overflow:auto;padding-block:var(--fdPanel_Content_Padding_Block,.625rem);padding-inline:var(--fdPanel_Content_Padding_Inline,1rem);scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-panel__content.is-focus,.fd-panel__content:focus{outline:none;z-index:5}.fd-panel__content::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-panel__content::-webkit-scrollbar-corner,.fd-panel__content::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-panel__content::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-panel__content::-webkit-scrollbar-thumb:active,.fd-panel__content::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-panel__content::-webkit-scrollbar-corner,.fd-panel__content::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-panel__content[dir=rtl]::-webkit-scrollbar-corner,.fd-panel__content[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-panel__content::-webkit-scrollbar-corner,[dir=rtl] .fd-panel__content::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-panel__content[aria-hidden=true]{display:none}.fd-panel__content--no-padding{--fdPanel_Content_Padding_Inline:0;--fdPanel_Content_Padding_Block:0}.fd-panel__expand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdPanel_Header_Height);min-height:var(--fdPanel_Header_Height);width:2.75rem}.fd-panel__button{font-size:1rem}.fd-panel__button[dir=rtl] .sap-icon--slim-arrow-right,[dir=rtl] .fd-panel__button .sap-icon--slim-arrow-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-panel--fixed{--fdPanel_Header_Padding_Inline_Start:1rem}.fd-panel--sticky{--fdPanel_Header_Position:sticky;--fdPanel_Header_Position_Top:0}.fd-panel--borderless{--fdPanel_Header_Border_Color:transparent}.fd-panel--transparent{--fdPanel_Content_Background_Color:transparent}.fd-panel[class*=-compact],.fd-panel[class*=-condensed],[class*=-compact] .fd-panel:not([class*=-cozy]),[class*=-condensed] .fd-panel:not([class*=-cozy]){--fdPanel_Header_Height:2.5rem}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-progress-indicator{--rootMarginBlock:0.5rem;--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Neutral);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Neutral,transparent);--progressBarBorderRightColor:var(--fdProgress_Indicator_Border_Right_Color,var(--progressBarBorderColor));--containerBackground:var(--fdProgress_Indicator_Container_Background_Neutral,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Neutral,var(--sapField_BorderColor));--iconDisplay:none;--iconContent:"";--labelMarginStart:var(--fdProgress_Indicator_Label_Margin_Start);--labelMarginEnd:var(--fdProgress_Indicator_Label_Margin_End);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Height);line-height:normal;margin-block:0;margin-block:var(--rootMarginBlock);margin-inline:0;padding-block:0;padding-block:var(--fdProgress_Indicator_Container_Margin_Block);padding-inline:0;padding-inline:var(--fdProgress_Indicator_Container_Margin_Inline);width:100%}.fd-progress-indicator:after,.fd-progress-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-progress-indicator.fd-popover{cursor:pointer;margin-block:var(--rootMarginBlock);margin-inline:0}.fd-progress-indicator--mobile{--rootMarginBlock:0.875rem}.fd-progress-indicator--display{--rootMarginBlock:0}.fd-progress-indicator--display.fd-popover{margin-block:0;margin-inline:0}.fd-progress-indicator--informative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Informative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Informative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Informative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Informative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Informative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Informative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--positive{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Positive);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Positive,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Positive,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Positive,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Positive);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Positive,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--negative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Negative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Negative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Negative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Negative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Negative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Negative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator--critical{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Critical);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Critical,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Critical,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Critical,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Critical);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Critical,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0}.fd-progress-indicator .fd-progress-indicator__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--containerBackground);border:.0625rem solid var(--containerBorderColor);border-radius:.5rem;-ms-flex-direction:row;flex-direction:row;height:var(--fdProgress_Indicator_Container_Height);min-height:var(--fdProgress_Indicator_Container_Height);min-width:4rem;overflow:var(--fdProgress_Indicator_Container_Overflow);position:var(--fdProgress_Indicator_Container_Position,static);width:var(--fdProgress_Indicator_Container_Width)}.fd-progress-indicator .fd-progress-indicator__container:after,.fd-progress-indicator .fd-progress-indicator__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-progress-indicator .fd-progress-indicator__container:after,.fd-progress-indicator .fd-progress-indicator__container:before{background-color:var(--progressBarBackground);border-radius:50%;content:"";display:var(--fdProgress_Indicator_Progress_Bar_Boundary_Display,none);height:.25rem;position:absolute;top:0;width:.25rem}.fd-progress-indicator .fd-progress-indicator__container:before{left:0}.fd-progress-indicator .fd-progress-indicator__container:after{right:0}.fd-progress-indicator[aria-valuenow="0"] .fd-progress-indicator__progress-bar{border:none}.fd-progress-indicator[aria-valuenow="100"] .fd-progress-indicator__progress-bar{right:var(--fdProgress_Indicator_Progress_Bar_Position_Left);width:auto!important}.fd-progress-indicator[aria-valuenow="100"] .fd-progress-indicator__progress-bar[dir=rtl],[dir=rtl] .fd-progress-indicator[aria-valuenow="100"] .fd-progress-indicator__progress-bar{left:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator__progress-bar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;background:var(--progressBarBackground);border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-radius:var(--fdProgress_Indicator_Progress_Bar_Border_Radius);border-right:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);bottom:var(--fdProgress_Indicator_Progress_Bar_Position_Bottom);height:var(--fdProgress_Indicator_Progress_Bar_Height);justify-content:flex-end;left:var(--fdProgress_Indicator_Progress_Bar_Position_Left);margin-block:var(--fdProgress_Indicator_Progress_Bar_Margin_Block);margin-inline:0}.fd-progress-indicator__progress-bar:after,.fd-progress-indicator__progress-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-progress-indicator__progress-bar .fd-progress-indicator__label{color:var(--fdProgress_Indicator_Label_Color_Contrast)}.fd-progress-indicator__progress-bar[dir=rtl],[dir=rtl] .fd-progress-indicator__progress-bar{border-right:none;border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-left:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);left:auto;right:var(--fdProgress_Indicator_Progress_Bar_Position_Left)}.fd-progress-indicator .fd-progress-indicator__remaining{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:static}.fd-progress-indicator .fd-progress-indicator__remaining:after,.fd-progress-indicator .fd-progress-indicator__remaining:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-progress-indicator .fd-progress-indicator__remaining.fd-popover__control{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0}.fd-progress-indicator__icon{bottom:-.625rem;display:var(--iconDisplay);margin-inline:var(--fdProgress_Indicator_Label_Margin_Start) var(--fdProgress_Icon_Space_Before_Label);position:var(--fdProgress_Indicator_Icon_Position,static);right:-1.25rem}.fd-progress-indicator__icon[dir=rtl],[dir=rtl] .fd-progress-indicator__icon{left:-1.25rem;right:auto}.fd-progress-indicator__icon:before{color:var(--iconColor);content:var(--iconContent);font-family:SAP-icons;font-size:var(--fdProgress_Indicator_Icon_Font_Size);vertical-align:middle}.fd-progress-indicator__icon+.fd-progress-indicator__label{-webkit-margin-start:0;margin-inline-start:0}.fd-progress-indicator__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdProgress_Indicator_Label_Color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdProgress_Indicator_Label_Font_Size);font-weight:400;forced-color-adjust:none;left:0;line-height:normal;margin-block:0;margin-inline:0;margin-inline:var(--labelMarginStart) var(--labelMarginEnd);max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:var(--fdProgress_Indicator_Label_Position,static);text-overflow:ellipsis;top:-1.25rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fd-progress-indicator__label:after,.fd-progress-indicator__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__label{left:auto;right:0}.fd-progress-indicator__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.25rem;padding-inline:0;padding-inline:.5rem 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:95vw;overflow:hidden;white-space:normal}.fd-progress-indicator__overflow:after,.fd-progress-indicator__overflow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow-close{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;cursor:pointer;height:1.375rem;max-height:1.375rem;max-width:1.4375rem;min-height:1.375rem;min-width:1.4375rem;text-align:center;width:1.4375rem}.fd-progress-indicator__overflow-close:after,.fd-progress-indicator__overflow-close:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-progress-indicator__overflow-close.is-focus,.fd-progress-indicator__overflow-close:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);z-index:5}.fd-progress-indicator__overflow-close [class*=sap-icon]{color:var(--sapContent_IconColor);font-size:var(--sapFontSmallSize)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}/* icon.css is intentionally NOT bundled here — the sap-icon-- glyph classes ship
-   once via the subsetted, self-hosted hugo/assets/css/fundamental-styles-icon.css
-   (linked in head.html, generated by scripts/build-icon-subset.cjs). Bundling the
-   full upstream icon.css here shipped ~78 KiB of unused glyph classes twice on
-   every page (issue #1779). The base [class*=sap-icon] rules the components below
-   rely on live in the subset file, which head.html loads on every page. *//*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-tabs{--fdTabs_Icon_Size:1.125rem;--fdTabs_Icon_Selection_Height:2.625rem;--fdTabs_Label_Padding_Bottom:0.375rem;--fdTabs_Filter_Link_Height:5.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-padding-start:0;background-color:var(--sapObjectHeader_Background);border-color:var(--sapObjectHeader_BorderColor);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);color:var(--sapContent_LabelColor);list-style:none;padding-inline-start:0}.fd-tabs:after,.fd-tabs:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__count{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-after:.125rem;color:var(--sapContent_LabelColor);padding-block-end:.125rem}.fd-tabs__count:after,.fd-tabs__count:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:pointer;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-block:.875rem;padding-inline:0;padding-inline:.75rem;position:relative;text-decoration:none;-webkit-transition:0s;transition:0s}.fd-tabs__link:after,.fd-tabs__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastIconColor)}.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:var(--fdIcon_Tab_Bar_Selection_Bar_Color)}.fd-tabs__link.is-focus,.fd-tabs__link:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5}.fd-tabs__link.is-focus .fd-tabs__icon:before,.fd-tabs__link.is-focus .fd-tabs__tag:before,.fd-tabs__link:focus .fd-tabs__icon:before,.fd-tabs__link:focus .fd-tabs__tag:before{content:"";inset:0;outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--sapContent_FocusWidth);position:absolute}.fd-tabs__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:.25rem;padding-block:0;padding-inline:0;position:relative}.fd-tabs__item:after,.fd-tabs__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:var(--fdIcon_Tab_Bar_Selection_Color)}.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastIconColor)}.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:var(--fdIcon_Tab_Bar_Selection_Bar_Color)}.fd-tabs__item--error .fd-tabs__icon{border-color:var(--sapErrorColor);color:var(--sapErrorColor)}.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:var(--sapErrorColor)}.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{background-color:var(--sapErrorColor);color:var(--sapContent_ContrastIconColor)}.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapErrorColor)}.fd-tabs__item--warning .fd-tabs__icon{border-color:var(--sapWarningColor);color:var(--sapWarningColor)}.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:var(--sapWarningColor)}.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{background-color:var(--sapWarningColor);color:var(--sapContent_ContrastIconColor)}.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapWarningColor)}.fd-tabs__item--success .fd-tabs__icon{border-color:var(--sapSuccessColor);color:var(--sapSuccessColor)}.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:var(--sapSuccessColor)}.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{background-color:var(--sapSuccessColor);color:var(--sapContent_ContrastIconColor)}.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapSuccessColor)}.fd-tabs__item--information .fd-tabs__icon{border-color:var(--sapInformationColor);color:var(--sapInformationColor)}.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:var(--sapInformationColor)}.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{background-color:var(--sapInformationColor);color:var(--sapContent_ContrastIconColor)}.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapInformationColor)}.fd-tabs__item--neutral .fd-tabs__icon{border-color:var(--sapNeutralColor);color:var(--sapNeutralColor)}.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:var(--sapNeutralColor)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{background-color:var(--sapNeutralColor);color:var(--sapContent_ContrastIconColor)}.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapNeutralColor)}.fd-tabs__item:first-child{-webkit-margin-start:0;margin-inline-start:0}.fd-tabs__item:first-child .fd-tabs__link{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem;-webkit-padding-start:0;padding-inline-start:0}.fd-tabs__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIcon_Tab_Bar_Icon_Border_Color);border-radius:50%;color:var(--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color);height:var(--fdTabs_Icon_Selection_Height);margin-block:0;margin-inline:.188rem;position:relative;width:var(--fdTabs_Icon_Selection_Height)}.fd-tabs__icon:after,.fd-tabs__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;font-size:var(--fdTabs_Icon_Size);line-height:1}.fd-tabs__icon:after{border-radius:.125rem .125rem 0 0;bottom:-.875rem;content:"";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-tabs__tag{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-tabs__tag:after,.fd-tabs__tag:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__tag:after{border-radius:.125rem .125rem 0 0;bottom:-.875rem;content:"";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-tabs__panel{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tabs__panel:after,.fd-tabs__panel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__panel[aria-expanded=false]{display:none}.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block}.fd-tabs__counter-header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1.5rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.fd-tabs__overflow:after,.fd-tabs__overflow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-tabs__process-icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem}.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__process-icon:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-tabs__process-icon:before{content:"\e0c7"}.fd-tabs__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-start:.125rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize);max-width:100%;padding-inline-start:.125rem}.fd-tabs__label:after,.fd-tabs__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__label:first-child{-webkit-padding-after:var(--fdTabs_Label_Padding_Bottom);padding-block-end:var(--fdTabs_Label_Padding_Bottom)}.fd-tabs__separator{border:0;border-right:solid var(--sapGroup_TitleBorderColor);border-right-width:.0625rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;margin-inline:.25rem;padding-block:0;padding-inline:0}.fd-tabs__separator:after,.fd-tabs__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tabs__header:after,.fd-tabs__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tabs__header .fd-tabs__label{max-width:4rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:var(--sapFontSmallSize)}.fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link,.fd-tabs--icon-only .fd-tabs__item:first-child .fd-tabs__link,.fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{margin-block:0;margin-inline:0}.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-block:1rem 1rem}.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem}.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{left:calc(100% + .1875rem);position:absolute;top:0}.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:auto;right:calc(100% + .1875rem)}.fd-tabs--process .fd-tabs__item{margin-block:0;margin-inline:0 .25rem}.fd-tabs--process .fd-tabs__item,.fd-tabs--process .fd-tabs__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tabs--process .fd-tabs__link{padding-inline:0}.fd-tabs--process .fd-tabs__icon{margin-block:0;margin-inline:.1875rem}.fd-tabs--process .fd-tabs__label{line-height:.875rem;max-width:7.5rem;overflow:hidden;white-space:nowrap}.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin-block:0;margin-inline:.25rem 0}.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-inline:0}.fd-tabs--filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tabs--filter .fd-tabs__item{margin-block:0;margin-inline:0;padding-block:0;padding-inline:.25rem;width:5.375rem}.fd-tabs--filter .fd-tabs__item--header{width:auto}.fd-tabs--filter .fd-tabs__icon{-webkit-margin-after:.375rem;margin-block-end:.375rem}.fd-tabs--filter .fd-tabs__icon:after{content:none}.fd-tabs--filter .fd-tabs__label{line-height:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tabs--filter .fd-tabs__link{display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--fdTabs_Filter_Link_Height);padding-block:.875rem .625rem;padding-inline:.188rem;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.fd-tabs--filter .fd-tabs__link:after{border-radius:.125rem .125rem 0 0;bottom:-.875rem;bottom:0;content:"";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5}.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-inline:.188rem}.fd-tabs[class*=-compact],.fd-tabs[class*=-condensed],[class*=-compact] .fd-tabs:not([class*=-cozy]),[class*=-condensed] .fd-tabs:not([class*=-cozy]){--fdTabs_Icon_Size:1.125rem;--fdTabs_Icon_Selection_Height:1.875rem;--fdTabs_Label_Padding_Bottom:0.25rem;--fdTabs_Filter_Link_Height:4.75rem}.fd-tabs--s{padding-block:0;padding-inline:1rem}.fd-tabs--l,.fd-tabs--m{padding-block:0;padding-inline:2rem}.fd-tabs--xl,.fd-tabs--xxl{padding-block:0;padding-inline:3rem}.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-tabs__process{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tabs__process:after,.fd-tabs__process:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-breadcrumb{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;--fdLink_Line_Height:1.5rem;list-style:none;-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-breadcrumb:after,.fd-breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);padding-block:.0625rem}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:last-child:not(:has(a)){--fdBreadcrumb_Separator:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-breadcrumb__separator:after,.fd-breadcrumb__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-breadcrumb__separator:after{color:var(--sapTextColor);content:var(--fdBreadcrumb_Separator,"/");margin-inline:.25rem}.fd-breadcrumb--backslash{--fdBreadcrumb_Separator:"\\"}.fd-breadcrumb--double-slash{--fdBreadcrumb_Separator:"//"}.fd-breadcrumb--double-backslash{--fdBreadcrumb_Separator:"\\\\"}.fd-breadcrumb--greater-than{--fdBreadcrumb_Separator:">"}.fd-breadcrumb--double-greater-than{--fdBreadcrumb_Separator:">>"}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */body.fd-overlay-active:before{background:var(--fdModal_BackgroundColor);content:"";height:100vh;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:999}.fd-popover{--fdPopover_Display:inline-block;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdPopover_Display);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;position:relative}.fd-popover:after,.fd-popover:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-popover__modal{position:relative;z-index:1000}.fd-popover__control{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-popover__control:after,.fd-popover__control:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.fd-popover__control:has(.fd-tokenizer--display){cursor:auto}.fd-popover__control:has(.fd-select__control.is-disabled){cursor:not-allowed;pointer-events:none}.fd-popover__control.is-expanded>*,.fd-popover__control[aria-expanded=true]>*{-webkit-margin-after:0;margin-block-end:0}.fd-popover__control.is-expanded+.fd-popover__body--input-message-group,.fd-popover__control[aria-expanded=true]+.fd-popover__body--input-message-group{margin-top:0}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__control>a{white-space:nowrap}.fd-popover__wrapper{border-radius:var(--fdPopover_Body_Border_Radius);overflow:auto;position:relative;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-popover__wrapper.is-focus,.fd-popover__wrapper:focus{outline:none;z-index:5}.fd-popover__wrapper::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-popover__wrapper::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-popover__wrapper::-webkit-scrollbar-thumb:active,.fd-popover__wrapper::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-corner,.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-corner,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-popover__wrapper--visible{overflow:visible!important}.fd-popover__body{--fdPopover_Offset:100%;--fdPopover_Center_Offset:50%;--fdPopover_Arrow_Size:0.5rem;--fdPopover_Body_Border_Radius:var(--fdPopover_Border_Radius);--fdPopover_Body_Box_Shadow:var(--sapContent_Shadow2);--fdPopover_Body_Box_Shadow_No_Arrow:var(--sapContent_Shadow1);--fdIcon_Button_Height:2.25rem;--fdIcon_Button_Width:2.25rem;--fdPopover_Resize_Handle_Offset:-0.5rem;--fdPopover_Resize_Handle_Position_Top:auto;--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Rotate_Angle:0;--fdPopover_Resize_Handle_Cursor:se-resize;--fdPopover_Resize_Handle_Justify:center;--fdPopover_Resize_Handle_Transform_Scale:1;background:var(--sapGroup_ContentBackground);border:0;border-radius:var(--fdPopover_Body_Border_Radius);-webkit-box-shadow:var(--fdPopover_Body_Box_Shadow);box-shadow:var(--fdPopover_Body_Box_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:1;padding-block:0;padding-inline:0;position:absolute;top:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size));-webkit-transition:all .125s;transition:all .125s;visibility:visible;white-space:nowrap;z-index:1000}.fd-popover__body:after,.fd-popover__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-popover__body:after,.fd-popover__body:before{content:"";position:absolute}.fd-popover__body:before{border-bottom:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-left:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-top:none;display:inline-block;height:0;top:calc(var(--fdPopover_Arrow_Size)*-1 + var(--fdPopover_Border_Width));width:0;z-index:1002}.fd-popover__body:after{border-bottom:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);border-left:var(--fdPopover_Arrow_Size) solid transparent;border-right:var(--fdPopover_Arrow_Size) solid transparent;border-top:none;display:inline-block;height:0;top:calc(var(--fdPopover_Arrow_Size)*-1);width:0;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body-header>:first-child,.fd-popover__body>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body-footer>:last-child,.fd-popover__body>:last-child:not(.fd-popover__resize-handle){border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-menu{width:100%}.fd-popover__body[class*=-compact],.fd-popover__body[class*=-condensed],[class*=-compact] .fd-popover__body:not([class*=-cozy]),[class*=-condensed] .fd-popover__body:not([class*=-cozy]){--fdIcon_Button_Height:1.625rem;--fdIcon_Button_Width:2rem}.fd-popover__body--no-arrow{-webkit-box-shadow:var(--fdPopover_Body_Box_Shadow_No_Arrow);box-shadow:var(--fdPopover_Body_Box_Shadow_No_Arrow);top:var(--fdPopover_Offset)}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body,.fd-popover__body--left{left:0}.fd-popover__body--left[dir=rtl],.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body,[dir=rtl] .fd-popover__body--left{left:auto;right:0}.fd-popover__body--left:before,.fd-popover__body:before{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--left:after,.fd-popover__body:after{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))}.fd-popover__body--left[dir=rtl]:before,.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:before,[dir=rtl] .fd-popover__body:before{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body:after{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))}.fd-popover__body--center{left:var(--fdPopover_Center_Offset);-webkit-transform:translateX(calc(var(--fdPopover_Center_Offset)*-1));transform:translateX(calc(var(--fdPopover_Center_Offset)*-1))}.fd-popover__body--center[dir=rtl],[dir=rtl] .fd-popover__body--center{left:auto;right:var(--fdPopover_Center_Offset)}.fd-popover__body--center[dir=rtl],[dir=rtl] .fd-popover__body--center{-webkit-transform:translateX(var(--fdPopover_Center_Offset));transform:translateX(var(--fdPopover_Center_Offset))}.fd-popover__body--right{left:auto;right:0}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:auto}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:0;right:auto}.fd-popover__body--right:before{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--right:after{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))}.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--right:before{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto}.fd-popover__body--right[dir=rtl]:after,[dir=rtl] .fd-popover__body--right:after{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));right:auto}.fd-popover__body--before{left:auto!important;right:var(--fdPopover_Offset)!important;top:0}.fd-popover__body--after{left:var(--fdPopover_Offset)!important;right:auto!important;top:0}.fd-popover__body--middle{top:var(--fdPopover_Center_Offset);-webkit-transform:translateY(calc(var(--fdPopover_Center_Offset)*-1));transform:translateY(calc(var(--fdPopover_Center_Offset)*-1))}.fd-popover__body--bottom{bottom:0;top:auto}.fd-popover__body--above{bottom:var(--fdPopover_Offset);top:auto}.fd-popover__body--arrow-bottom{bottom:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size))!important}.fd-popover__body--arrow-bottom:before{border-bottom:none;border-left:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-top:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);display:inline-block;height:0;top:100%;width:0}.fd-popover__body--arrow-bottom:after{border-bottom:none;border-left:var(--fdPopover_Arrow_Size) solid transparent;border-right:var(--fdPopover_Arrow_Size) solid transparent;border-top:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);display:inline-block;height:0;top:100%;width:0}.fd-popover__body--arrow-left{left:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size))!important}.fd-popover__body--arrow-left:before{border-bottom:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-left:none;border-right:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-top:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;display:inline-block;height:0;left:auto!important;right:100%!important;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));width:0}.fd-popover__body--arrow-left:after{border-bottom:var(--fdPopover_Arrow_Size) solid transparent;border-left:none;border-right:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);border-top:var(--fdPopover_Arrow_Size) solid transparent;display:inline-block;height:0;left:auto!important;right:100%!important;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));width:0}.fd-popover__body--arrow-right{right:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size))!important}.fd-popover__body--arrow-right:before{border-bottom:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-left:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-right:none;border-top:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;display:inline-block;height:0;left:100%!important;right:auto!important;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));width:0}.fd-popover__body--arrow-right:after{border-bottom:var(--fdPopover_Arrow_Size) solid transparent;border-left:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);border-right:none;border-top:var(--fdPopover_Arrow_Size) solid transparent;display:inline-block;height:0;left:100%!important;right:auto!important;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));width:0}.fd-popover__body--arrow-x-center:after,.fd-popover__body--arrow-x-center:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fd-popover__body--arrow-x-center[dir=rtl]:after,.fd-popover__body--arrow-x-center[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-center:after,[dir=rtl] .fd-popover__body--arrow-x-center:before{left:auto;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.fd-popover__body--arrow-x-end:before{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-end:after{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-end[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-end:before{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto}.fd-popover__body--arrow-x-end[dir=rtl]:after,[dir=rtl] .fd-popover__body--arrow-x-end:after{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));right:auto}.fd-popover__body--arrow-y-center:after,.fd-popover__body--arrow-y-center:before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fd-popover__body--arrow-y-bottom:before,.fd-popover__body--arrow-y-end:before{bottom:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));top:auto}.fd-popover__body--arrow-y-bottom:after,.fd-popover__body--arrow-y-end:after{bottom:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));top:auto}.fd-popover__body--dropdown{width:-webkit-max-content;width:-moz-max-content;width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - var(--sapGroup_BorderWidth)*2)}.fd-popover__body--static{position:relative;--fdPopover_Offset:0%;--fdPopover_Center_Offset:0%}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{opacity:0;visibility:hidden;z-index:-1}.fd-popover__body .fd-popover__body--hidden{display:none}.fd-popover__body--input-message-group{border:none;-webkit-box-shadow:none;box-shadow:none}.fd-popover__body--inline-help{font-size:var(--sapFontSmallSize);padding-block:.75rem;padding-inline:.75rem}.fd-popover__body--inline-help-icon{--fdIcon_Button_Height:1.375rem;--fdIcon_Button_Width:1.375rem}.fd-popover__body.fd-popover__body--resizable[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable{--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Cursor:sw-resize;--fdPopover_Resize_Handle_Transform_Scale:-1}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Cursor:sw-resize;--fdPopover_Resize_Handle_Transform_Scale:-1;--fdPopover_Resize_Handle_Container_Justify:flex-end}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:se-resize;--fdPopover_Resize_Handle_Transform_Scale:1}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above{--fdPopover_Resize_Handle_Position_Top:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:auto;--fdPopover_Resize_Handle_Position_Right:-0.5rem;--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:ne-resize;--fdPopover_Resize_Handle_Rotate_Angle:-90deg;--fdPopover_Resize_Handle_Transform_Scale:1}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above{--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Cursor:nw-resize;--fdPopover_Resize_Handle_Transform_Scale:1;--fdPopover_Resize_Handle_Rotate_Angle:180deg;--fdPopover_Resize_Handle_Container_Justify:flex-end}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Rotate_Angle:180deg;--fdPopover_Resize_Handle_Cursor:nw-resize;--fdPopover_Resize_Handle_Transform_Scale:1;--fdPopover_Resize_Handle_Container_Justify:flex-start}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Rotate_Angle:-90deg;--fdPopover_Resize_Handle_Cursor:ne-resize;--fdPopover_Resize_Handle_Container_Justify:flex-end}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after{--fdPopover_Resize_Handle_Position_Top:auto;--fdPopover_Resize_Handle_Position_Bottom:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:se-resize}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--after{--fdPopover_Resize_Handle_Rotate_Angle:-90deg}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after.fd-popover__body--bottom{--fdPopover_Resize_Handle_Position_Top:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:auto;--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:ne-resize;--fdPopover_Resize_Handle_Rotate_Angle:-90deg;--fdPopover_Resize_Handle_Transform_Scale:1}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after.fd-popover__body--bottom[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--after.fd-popover__body--bottom{--fdPopover_Resize_Handle_Container_Justify:flex-end}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before{--fdPopover_Resize_Handle_Position_Top:auto;--fdPopover_Resize_Handle_Position_Bottom:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Cursor:sw-resize;--fdPopover_Resize_Handle_Rotate_Angle:0;--fdPopover_Resize_Handle_Transform_Scale:-1;--fdPopover_Resize_Handle_Container_Justify:flex-end}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--before{--fdPopover_Resize_Handle_Container_Justify:flex-start}.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before.fd-popover__body--bottom,.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before.fd-popover__body--middle{--fdPopover_Resize_Handle_Position_Top:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:auto;--fdPopover_Resize_Handle_Rotate_Angle:90deg;--fdPopover_Resize_Handle_Cursor:nw-resize}.fd-popover__resize-handle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.5rem;line-height:normal;margin-block:0;margin-inline:0;min-width:1.5rem;padding-block:0;padding-inline:0;width:1.5rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:var(--fdPopover_Resize_Handle_Container_Justify,flex-start);-ms-flex-pack:var(--fdPopover_Resize_Handle_Container_Justify,flex-start);color:var(--sapButton_Lite_TextColor);cursor:var(--fdPopover_Resize_Handle_Cursor);font-size:1rem;inset:var(--fdPopover_Resize_Handle_Position_Top) var(--fdPopover_Resize_Handle_Position_Right) var(--fdPopover_Resize_Handle_Position_Bottom) var(--fdPopover_Resize_Handle_Position_Left);justify-content:var(--fdPopover_Resize_Handle_Container_Justify,flex-start);line-height:1rem;overflow:hidden;position:absolute;-webkit-transform:rotate(var(--fdPopover_Resize_Handle_Rotate_Angle));transform:rotate(var(--fdPopover_Resize_Handle_Rotate_Angle))}.fd-popover__resize-handle:after,.fd-popover__resize-handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-popover__resize-handle:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-popover__resize-handle:after{content:"\e24f"}.fd-popover__resize-handle:after{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;min-width:1rem;width:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:var(--fdPopover_Resize_Handle_Justify);-ms-flex-pack:var(--fdPopover_Resize_Handle_Justify);color:inherit;justify-content:var(--fdPopover_Resize_Handle_Justify);-webkit-transform:scaleX(var(--fdPopover_Resize_Handle_Transform_Scale));transform:scaleX(var(--fdPopover_Resize_Handle_Transform_Scale))}.fd-popover--slider{--fdPopover_Display:block}.fd-popover--input-message-group .fd-popover__body,.fd-popover--input-message-group .fd-popover__body--no-arrow{border:none;-webkit-box-shadow:none;box-shadow:none}.fd-popover--full-width{width:100%}.fd-popover--btp .fd-popover__body{--fdPopover_Arrow_Size:0.375rem;--fdPopover_Body_Border_Radius:0.75rem;--fdPopover_Body_Box_Shadow:var(--sapMenu_Shadow2);border:none;top:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size) - .1875rem)}.fd-popover--btp .fd-popover__body--padding{padding-block:.75rem;padding-inline:.75rem}.fd-popover--btp .fd-popover__body-header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-popover--btp .fd-popover__body-header:after,.fd-popover--btp .fd-popover__body-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-popover--btp .fd-popover__body-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-block:.75rem;margin-inline:0;padding-block:0;padding-inline:0}.fd-popover--btp .fd-popover__body-content:after,.fd-popover--btp .fd-popover__body-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-popover--btp .fd-popover__body-content:only-child{margin-block:0;margin-inline:0}.fd-popover--btp .fd-popover__body-footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.1875rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:.375rem;padding-inline:0}.fd-popover--btp .fd-popover__body-footer:after,.fd-popover--btp .fd-popover__body-footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-popover--btp .fd-popover__body-footer--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:0.5rem;--fdBar_Floating_Footer_Offset_Y:0.5rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fdBar_Background);border-radius:var(--fdBar_Border_Radius);-webkit-box-shadow:var(--fdBar_Shadow);box-shadow:var(--fdBar_Shadow);justify-content:space-between;min-height:var(--fdBar_Height);padding-block:var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);padding-inline:var(--fdBar_Padding_X);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__left--stack-contents-vertically,.fd-bar__middle--stack-contents-vertically,.fd-bar__right--stack-contents-vertically{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-bar__left:has(button,input),.fd-bar__middle:has(button,input),.fd-bar__right:has(button,input){min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.fd-bar__left:has(h1,h2,h3,h4,h5,h6),.fd-bar__middle:has(h1,h2,h3,h4,h5,h6),.fd-bar__right:has(h1,h2,h3,h4,h5,h6){-ms-flex-negative:1;flex-shrink:1;min-width:0}.fd-bar__left:only-child,.fd-bar__middle:only-child,.fd-bar__right:only-child{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;width:100%}.fd-bar__middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fd-bar__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-bar__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdBar_Element_Text_Color,var(--sapTextColor));font-family:var(--fdBar_Element_Text_Font_Family,var(--sapFontFamily));font-size:var(--fdBar_Element_Text_Font_Size,var(--sapFontSize));max-height:100%;max-width:100%;text-wrap:auto}.fd-bar__element:after,.fd-bar__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (width <= 599px){.fd-bar--responsive-paddings{padding-inline:1rem}}@media (width >= 600px) and (width <= 1023px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media (width >= 1024px) and (width <= 1439px){.fd-bar--responsive-paddings{padding-inline:2rem}}@media (width >= 1440px){.fd-bar--responsive-paddings{padding-inline:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);--fdBar_Element_Text_Color:var(sapPageHeader_TextColor);--fdBar_Element_Text_Font_Family:var(--sapFontHeaderFamily);--fdBar_Element_Text_Font_Size:var(--sapFontHeader5Size)}.fd-bar--header:has(+.fd-bar--subheader){--fdBar_Shadow:none}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:0.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);border-top:var(--sapGroup_TitleBorderWidth) solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map.get($fd-z-index-levels,"top");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:var(--fdBar_Floating_Footer_Offset_Y);left:var(--fdBar_Floating_Footer_Offset_X);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:0.25rem;--fdBar_Padding_Bottom:0.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:0.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--page-s,.fd-bar--page-sm{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer,.fd-bar--page-sm.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-s,.fd-bar--home-page-sm{--fdBar_Padding_X:0.5rem}.fd-bar--home-page-s.fd-bar--floating-footer,.fd-bar--home-page-sm.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:1rem}.fd-bar--home-page-m_l,.fd-bar--home-page-md_lg,.fd-bar--page-m_l,.fd-bar--page-md_lg{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--home-page-md_lg.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--page-md_lg.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:2rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:3rem}.fd-bar--initial-suggestion-subline,.fd-bar--initial-suggestion-title{height:auto}.fd-bar--initial-suggestion-title{-webkit-padding-before:.5rem;padding-block-start:.5rem}.fd-bar--initial-suggestion-subline{--fdBar_Padding_Bottom:0.5rem;-webkit-padding-before:.25rem;padding-block-start:.25rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-form-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.fd-form-item:after,.fd-form-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-item__label-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-form-item__label-container label{-ms-flex-item-align:center;align-self:center}.fd-form-item__label-container button{-webkit-margin-start:auto;margin-inline-start:auto}.fd-form-item--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-form-item--horizontal .fd-form-label{-webkit-padding-after:0;margin-block:auto;margin-inline:0 .25rem;padding-block-end:0}.fd-form-item--horizontal .fd-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-form-item .fd-form-message:not(:first-child){margin-top:-.25rem}.fd-form-item.fd-list__form-item{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-form-label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start}.fd-form-label:after,.fd-form-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-label--disabled,.fd-form-label.is-disabled,.fd-form-label[aria-disabled=true]{opacity:.4;pointer-events:none}.fd-form-label--wrap{overflow:visible;text-overflow:clip;white-space:normal}.fd-form-label--unit-description{color:var(--sapField_TextColor);margin-block:0;margin-inline:0;padding-block:0;padding-inline:.25rem 0}.fd-form-label--required,.fd-form-label[aria-required=true]{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-form-label--required:after,.fd-form-label[aria-required=true]:after{color:var(--sapField_RequiredColor);content:"*"/"";font-size:var(--sapFontLargeSize);font-weight:700;position:absolute;right:0;top:0}.fd-form-label--required[dir=rtl]:after,.fd-form-label[aria-required=true][dir=rtl]:after,[dir=rtl] .fd-form-label--required:after,[dir=rtl] .fd-form-label[aria-required=true]:after{left:0;right:auto}.fd-form-label--colon{-webkit-padding-end:.25rem;padding-inline-end:.25rem}.fd-form-label--colon:before{color:inherit;content:":";font-size:var(--sapFontSize);position:absolute;right:0;top:0}.fd-form-label--colon[dir=rtl]:before,[dir=rtl] .fd-form-label--colon:before{left:0;right:auto}.fd-form-label--colon.fd-form-label--required,.fd-form-label--colon[aria-required=true]{-webkit-padding-end:.75rem;padding-inline-end:.75rem}.fd-form-label--colon.fd-form-label--required:before,.fd-form-label--colon[aria-required=true]:before{right:.5rem}.fd-form-label--colon.fd-form-label--required[dir=rtl]:before,.fd-form-label--colon[aria-required=true][dir=rtl]:before,[dir=rtl] .fd-form-label--colon.fd-form-label--required:before,[dir=rtl] .fd-form-label--colon[aria-required=true]:before{left:.5rem;right:auto}.fd-form-label--inline-help{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-form-label--stand-alone{-ms-flex-item-align:center;align-self:center;-webkit-margin-end:0;margin-inline-end:0}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-radio:after,.fd-radio:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-radio.is-success.is-hover,.fd-radio.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-radio.is-success.is-focus,.fd-radio.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-radio.is-success.is-focus.is-hover,.fd-radio.is-success.is-focus:hover,.fd-radio.is-success:focus.is-hover,.fd-radio.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-success.is-expanded,.fd-radio.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-radio.is-error.is-hover,.fd-radio.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-radio.is-error.is-focus,.fd-radio.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-radio.is-error.is-focus.is-hover,.fd-radio.is-error.is-focus:hover,.fd-radio.is-error:focus.is-hover,.fd-radio.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-error.is-expanded,.fd-radio.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-radio.is-warning.is-hover,.fd-radio.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-warning.is-focus.is-hover,.fd-radio.is-warning.is-focus:hover,.fd-radio.is-warning:focus.is-hover,.fd-radio.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-warning.is-expanded,.fd-radio.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-radio.is-alert.is-hover,.fd-radio.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-alert.is-focus.is-hover,.fd-radio.is-alert.is-focus:hover,.fd-radio.is-alert:focus.is-hover,.fd-radio.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-alert.is-expanded,.fd-radio.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-radio.is-information.is-hover,.fd-radio.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-radio.is-information.is-focus,.fd-radio.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-radio.is-information.is-focus.is-hover,.fd-radio.is-information.is-focus:hover,.fd-radio.is-information:focus.is-hover,.fd-radio.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-information.is-expanded,.fd-radio.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus,.fd-radio.is-error.is-focus,.fd-radio.is-error:focus,.fd-radio.is-information.is-focus,.fd-radio.is-information:focus,.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio.is-readonly,.fd-radio[aria-readonly=true],.fd-radio[readonly]{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-readonly.is-hover,.fd-radio.is-readonly:hover,.fd-radio[aria-readonly=true].is-hover,.fd-radio[aria-readonly=true]:hover,.fd-radio[readonly].is-hover,.fd-radio[readonly]:hover{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly:focus,.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true]:focus,.fd-radio[readonly].is-focus,.fd-radio[readonly]:focus{z-index:5;--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-radio__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapField_TextColor);padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label:after,.fd-radio__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio__label:before{content:"";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:var(--fdRadio_Inner_Circle_Diameter);min-width:var(--fdRadio_Inner_Circle_Diameter);width:var(--fdRadio_Inner_Circle_Diameter);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-margin-end:var(--fdRadio_Outer_Circle_Padding);background-color:var(--fdRadio_Background_Color);border:var(--fdRadio_Inner_Border_Width) var(--fdRadio_Inner_Border_Style) var(--fdRadio_Inner_Border_Color);margin-inline-end:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label:after{height:var(--fdRadio_Inner_Content_Size);left:var(--fdRadio_Inner_Content_Padding);min-width:var(--fdRadio_Inner_Content_Size);width:var(--fdRadio_Inner_Content_Size)}.fd-radio__label.is-focus,.fd-radio__label:focus{outline:none;z-index:5}.fd-radio__label.is-hover:before,.fd-radio__label:hover:before{background-color:var(--fdRadio_Hover_Background_Color);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Default_Hover);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Default_Hover);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Default_Hover);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Default_Hover);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Default_Hover)}.fd-radio__label[dir=rtl]:after,[dir=rtl] .fd-radio__label:after{right:var(--fdRadio_Inner_Content_Padding)}.fd-radio__label.is-empty,.fd-radio__label:empty{margin-block:0;margin-inline:0;padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label.is-empty:after,.fd-radio__label.is-empty:before,.fd-radio__label:empty:after,.fd-radio__label:empty:before{margin-inline:0}.fd-radio__label--wrap .fd-radio__text{white-space:normal}.fd-radio__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-radio__label--wrap-top-aligned .fd-radio__text{white-space:normal}.fd-radio__label--wrap-top-aligned:after{top:var(--fdRadio_Inner_Content_Padding)}.fd-radio__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-radio__text:after,.fd-radio__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-radio:checked+.fd-radio__label:after{background:var(--fdRadio_Active_Dot_Color);border-radius:50%;content:"";position:absolute}.fd-radio.is-error+.fd-radio__label:before,.fd-radio.is-error:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Error);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Error);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Error);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Error);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Error);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Error_Hover)}.fd-radio.is-alert+.fd-radio__label:before,.fd-radio.is-alert:checked+.fd-radio__label:after,.fd-radio.is-warning+.fd-radio__label:before,.fd-radio.is-warning:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Warning);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Warning);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Warning);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Warning);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Warning);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Warning_Hover)}.fd-radio.is-success+.fd-radio__label:before,.fd-radio.is-success:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Success);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Success);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Success);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Success);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Success);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Success_Hover)}.fd-radio.is-information+.fd-radio__label:before,.fd-radio.is-information:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Information);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Information);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Information);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Information);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Information);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Information_Hover)}.fd-radio.is-readonly+.fd-radio__label:before,.fd-radio.is-readonly:checked+.fd-radio__label:after,.fd-radio[aria-readonly=true]+.fd-radio__label:before,.fd-radio[aria-readonly=true]:checked+.fd-radio__label:after,.fd-radio[readonly]+.fd-radio__label:before,.fd-radio[readonly]:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_ReadOnly);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_ReadOnly);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_ReadOnly);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_ReadOnly);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_ReadOnly);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_ReadOnly)}.fd-radio.is-focus,.fd-radio:focus{z-index:5}.fd-radio.is-focus+.fd-radio__label,.fd-radio:focus+.fd-radio__label{border-radius:var(--fdRadio_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdRadio_Focus_Outline_Offset) - var(--fdRadio_Outer_Circle_Padding))}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:.0001}.fd-radio.is-disabled+.fd-radio__label,.fd-radio:disabled+.fd-radio__label,.fd-radio[aria-disabled=true]+.fd-radio__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio[class*=-compact]+.fd-radio__label,.fd-radio[class*=-condensed]+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy])+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy])+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Inner_Circle_Diameter:var(--fdRadio_Compact_Inner_Circle_Diameter);--fdRadio_Inner_Content_Size:var(--fdRadio_Inner_Content_Size_Compact);--fdRadio_Inner_Content_Padding:var(--fdRadio_Inner_Content_Padding_Compact)}.fd-radio[class*=-compact].is-focus,.fd-radio[class*=-compact]:focus,.fd-radio[class*=-condensed].is-focus,.fd-radio[class*=-condensed]:focus,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus,[class*=-compact] .fd-radio:not([class*=-cozy]):focus,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus{z-index:5}.fd-radio[class*=-compact].is-focus+.fd-radio__label,.fd-radio[class*=-compact]:focus+.fd-radio__label,.fd-radio[class*=-condensed].is-focus+.fd-radio__label,.fd-radio[class*=-condensed]:focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Outline_Border_Radius:var(--fdRadio_Compact_Outline_Border_radius)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle,var(--sapField_BackgroundStyle));background-color:var(--sapField_Background,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height,var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-inline:0;min-height:var(--fdInput_Height,var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{background:var(--sapField_Hover_BackgroundStyle,var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block,.1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height,var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width,2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding,.5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-hover,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-hover,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5;--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-input-group{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fdInputGroup_Background,var(--sapField_BackgroundStyle));background-color:var(--fdInputGroup_Background_Color,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--sapElement_Height);line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-inline:0;min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);padding-inline:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1;--fdInput_Height:100%;--fdInput_Compact_Height:100%}.fd-input-group:after,.fd-input-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input-group::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input-group::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input-group:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input-group::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input-group::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input-group[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input-group::-webkit-input-placeholder{text-indent:.125rem}.fd-input-group[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input-group::-moz-placeholder{text-indent:.125rem}.fd-input-group[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input-group:-ms-input-placeholder{text-indent:.125rem}.fd-input-group[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input-group::-ms-input-placeholder{text-indent:.125rem}.fd-input-group[dir=rtl]::placeholder,[dir=rtl] .fd-input-group::placeholder{text-indent:.125rem}.fd-input-group::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input-group::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input-group::-ms-clear{display:none}.fd-input-group.is-hover,.fd-input-group:hover{background:var(--fdInputGroup_Hover_Background,var(--sapField_Hover_BackgroundStyle));background-color:var(--fdInputGroup_Hover_Background_Color,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input-group.is-focus,.fd-input-group:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input-group.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-input-group.is-success.is-hover,.fd-input-group.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input-group.is-success.is-focus,.fd-input-group.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)}.fd-input-group.is-success.is-focus.is-hover,.fd-input-group.is-success.is-focus:hover,.fd-input-group.is-success:focus.is-hover,.fd-input-group.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input-group.is-success.is-expanded,.fd-input-group.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input-group.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-input-group.is-error.is-hover,.fd-input-group.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)}.fd-input-group.is-error.is-focus.is-hover,.fd-input-group.is-error.is-focus:hover,.fd-input-group.is-error:focus.is-hover,.fd-input-group.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input-group.is-error.is-expanded,.fd-input-group.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input-group.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-input-group.is-warning.is-hover,.fd-input-group.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-warning.is-focus.is-hover,.fd-input-group.is-warning.is-focus:hover,.fd-input-group.is-warning:focus.is-hover,.fd-input-group.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input-group.is-warning.is-expanded,.fd-input-group.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input-group.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input-group.is-alert.is-hover,.fd-input-group.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-alert.is-focus.is-hover,.fd-input-group.is-alert.is-focus:hover,.fd-input-group.is-alert:focus.is-hover,.fd-input-group.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input-group.is-alert.is-expanded,.fd-input-group.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input-group.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-input-group.is-information.is-hover,.fd-input-group.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)}.fd-input-group.is-information.is-focus.is-hover,.fd-input-group.is-information.is-focus:hover,.fd-input-group.is-information:focus.is-hover,.fd-input-group.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input-group.is-information.is-expanded,.fd-input-group.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input-group.is-alert,.fd-input-group.is-error,.fd-input-group.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-alert::-webkit-input-placeholder,.fd-input-group.is-error::-webkit-input-placeholder,.fd-input-group.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-alert::-moz-placeholder,.fd-input-group.is-error::-moz-placeholder,.fd-input-group.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-alert:-ms-input-placeholder,.fd-input-group.is-error:-ms-input-placeholder,.fd-input-group.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-alert::-ms-input-placeholder,.fd-input-group.is-error::-ms-input-placeholder,.fd-input-group.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-alert::placeholder,.fd-input-group.is-error::placeholder,.fd-input-group.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus,.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input-group.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input-group.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input-group.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input-group.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input-group.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input-group.is-disabled,.fd-input-group:disabled,.fd-input-group[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input-group.is-disabled::-webkit-input-placeholder,.fd-input-group:disabled::-webkit-input-placeholder,.fd-input-group[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-disabled::-moz-placeholder,.fd-input-group:disabled::-moz-placeholder,.fd-input-group[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-disabled:-ms-input-placeholder,.fd-input-group:disabled:-ms-input-placeholder,.fd-input-group[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-disabled::-ms-input-placeholder,.fd-input-group:disabled::-ms-input-placeholder,.fd-input-group[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder,.fd-input-group[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-readonly,.fd-input-group[aria-readonly=true],.fd-input-group[readonly]{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input-group.is-readonly::-webkit-input-placeholder,.fd-input-group[aria-readonly=true]::-webkit-input-placeholder,.fd-input-group[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-readonly::-moz-placeholder,.fd-input-group[aria-readonly=true]::-moz-placeholder,.fd-input-group[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-readonly:-ms-input-placeholder,.fd-input-group[aria-readonly=true]:-ms-input-placeholder,.fd-input-group[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-readonly::-ms-input-placeholder,.fd-input-group[aria-readonly=true]::-ms-input-placeholder,.fd-input-group[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-readonly::placeholder,.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input-group.is-readonly.is-hover,.fd-input-group.is-readonly:hover,.fd-input-group[aria-readonly=true].is-hover,.fd-input-group[aria-readonly=true]:hover,.fd-input-group[readonly].is-hover,.fd-input-group[readonly]:hover{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input-group.is-readonly.is-focus,.fd-input-group.is-readonly:focus,.fd-input-group[aria-readonly=true].is-focus,.fd-input-group[aria-readonly=true]:focus,.fd-input-group[readonly].is-focus,.fd-input-group[readonly]:focus{z-index:5;--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-input-group .fd-input-group__button{background:var(--fdInput_Group_Button_Background);background-color:var(--fdButtonBackgroundColor);border:none;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-input-group .fd-input-group__button:before{display:none!important}.fd-input-group .fd-input-group__button:after{border-radius:var(--fdInput_Outline_Border_Radius)}.fd-input-group .fd-input-group__button.is-hover,.fd-input-group .fd-input-group__button:hover{--fdInput_Group_Button_Text_Color:var(--fdInput_Group_Button_Hover_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Hover_Background);-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Box_Shadow)}.fd-input-group .fd-input-group__button.is-active,.fd-input-group .fd-input-group__button:active{background:var(--fdInput_Group_Button_Active_Background);-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-input-group.is-success.is-focus,.fd-input-group.is-success:focus{z-index:5}.fd-input-group.is-success.is-focus .fd-input-group__button,.fd-input-group.is-success:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-success.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-success.is-focus .fd-input-group__button:hover,.fd-input-group.is-success:focus .fd-input-group__button.is-hover,.fd-input-group.is-success:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-success.is-expanded .fd-input-group__button,.fd-input-group.is-success[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-success.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-success.is-expanded .fd-input-group__button:hover,.fd-input-group.is-success[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-success[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-success .fd-input-group__button.is-hover,.fd-input-group.is-success .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-input-group.is-success .fd-input-group__button.is-active,.fd-input-group.is-success .fd-input-group__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus{z-index:5}.fd-input-group.is-error.is-focus .fd-input-group__button,.fd-input-group.is-error:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-error.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-error.is-focus .fd-input-group__button:hover,.fd-input-group.is-error:focus .fd-input-group__button.is-hover,.fd-input-group.is-error:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-error.is-expanded .fd-input-group__button,.fd-input-group.is-error[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-error.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-error.is-expanded .fd-input-group__button:hover,.fd-input-group.is-error[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-error[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-error .fd-input-group__button.is-hover,.fd-input-group.is-error .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-input-group.is-error .fd-input-group__button.is-active,.fd-input-group.is-error .fd-input-group__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{z-index:5}.fd-input-group.is-warning.is-focus .fd-input-group__button,.fd-input-group.is-warning:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-warning.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-warning.is-focus .fd-input-group__button:hover,.fd-input-group.is-warning:focus .fd-input-group__button.is-hover,.fd-input-group.is-warning:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-warning.is-expanded .fd-input-group__button,.fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-warning.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-warning.is-expanded .fd-input-group__button:hover,.fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-warning .fd-input-group__button.is-hover,.fd-input-group.is-warning .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-warning .fd-input-group__button.is-active,.fd-input-group.is-warning .fd-input-group__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus{z-index:5}.fd-input-group.is-alert.is-focus .fd-input-group__button,.fd-input-group.is-alert:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-alert.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-alert.is-focus .fd-input-group__button:hover,.fd-input-group.is-alert:focus .fd-input-group__button.is-hover,.fd-input-group.is-alert:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-alert.is-expanded .fd-input-group__button,.fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-alert.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-alert.is-expanded .fd-input-group__button:hover,.fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-alert .fd-input-group__button.is-hover,.fd-input-group.is-alert .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-input-group.is-alert .fd-input-group__button.is-active,.fd-input-group.is-alert .fd-input-group__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus{z-index:5}.fd-input-group.is-information.is-focus .fd-input-group__button,.fd-input-group.is-information:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-information.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-information.is-focus .fd-input-group__button:hover,.fd-input-group.is-information:focus .fd-input-group__button.is-hover,.fd-input-group.is-information:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-information.is-expanded .fd-input-group__button,.fd-input-group.is-information[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-information.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-information.is-expanded .fd-input-group__button:hover,.fd-input-group.is-information[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-information[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)}.fd-input-group.is-information .fd-input-group__button.is-hover,.fd-input-group.is-information .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-input-group.is-information .fd-input-group__button.is-active,.fd-input-group.is-information .fd-input-group__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-input-group.is-focus,.fd-input-group:has(input:is(:focus)){background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:none;position:relative}.fd-input-group.is-focus:after,.fd-input-group:has(input:is(:focus)):after{border:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);border-radius:var(--fdInput_Outline_Border_Radius);content:"";inset:var(--fdInputGroup_Outline_Offset);pointer-events:none;position:absolute}.fd-input-group.is-focus.is-success,.fd-input-group:has(input:is(:focus)).is-success{--fdInput_Outline_Color:var(--fdInput_Success_Outline_Color)}.fd-input-group.is-focus.is-alert,.fd-input-group.is-focus.is-warning,.fd-input-group:has(input:is(:focus)).is-alert,.fd-input-group:has(input:is(:focus)).is-warning{--fdInput_Outline_Color:var(--fdInput_Warning_Outline_Color)}.fd-input-group.is-focus.is-error,.fd-input-group:has(input:is(:focus)).is-error{--fdInput_Outline_Color:var(--fdInput_Error_Outline_Color)}.fd-input-group.is-focus.is-information,.fd-input-group:has(input:is(:focus)).is-information{--fdInput_Outline_Color:var(--fdInput_Information_Outline_Color)}.fd-input-group .fd-input-group__input{-webkit-box-flex:1;background:none;background-color:var(--fdInputGroup_Input_Background,transparent);border:var(--fdInputGroup_Input_Border,none);-webkit-box-shadow:none;box-shadow:none;color:var(--fdInputGroup_Input_Color,inherit);-ms-flex:1 1 10rem;flex:1 1 10rem;padding-inline:.25rem;text-shadow:var(--fdInputGroup_Text_Shadow)}.fd-input-group .fd-input-group__input:nth-child(n+1){margin-block:0;margin-inline:0}.fd-input-group .fd-input-group__input::-webkit-input-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)}.fd-input-group .fd-input-group__input::-moz-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)}.fd-input-group .fd-input-group__input:-ms-input-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)}.fd-input-group .fd-input-group__input::-ms-input-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)}.fd-input-group .fd-input-group__input::placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)}.fd-input-group .fd-input-group__input.is-hover,.fd-input-group .fd-input-group__input:hover{background:none;background-color:--fdInputGroup_Hover_Input_Background;-webkit-box-shadow:none;box-shadow:none}.fd-input-group .fd-input-group__input.is-focus,.fd-input-group .fd-input-group__input:focus{background:var(--fdInputGroup_Input_Background,none);border-radius:0;-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5}.fd-input-group .fd-input-group__input:first-child{-webkit-padding-start:.625rem;padding-inline-start:.625rem}.fd-input-group .fd-input-group__input:last-child{-webkit-padding-end:.625rem;padding-inline-end:.625rem}.fd-input-group .fd-input-group__input:-webkit-autofill,.fd-input-group .fd-input-group__input:-webkit-autofill:active,.fd-input-group .fd-input-group__input:-webkit-autofill:focus,.fd-input-group .fd-input-group__input:-webkit-autofill:hover{-webkit-background-clip:text;background-clip:text}.fd-input-group--inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;width:auto}.fd-input-group__addon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdInputGroup_Addon_Background,none);color:var(--sapContent_NonInteractiveIconColor);font-size:var(--sapFontLargeSize);min-height:var(--fdInput_Group_Addon_Height,var(--fdInput_Compact_Height));min-width:var(--fdInput_Group_Addon_Width,2.25rem);overflow:hidden;padding-inline:.625rem;text-overflow:ellipsis;white-space:nowrap}.fd-input-group__addon:after,.fd-input-group__addon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input-group__addon span[class*=sap-icon--]:before{font-size:var(--sapFontLargeSize)}.fd-input-group__addon--readonly{opacity:.4}.fd-input-group__addon--button{overflow:visible;padding-block:0;padding-inline:0}.fd-input-group__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-input-group--control[aria-expanded=true]{-webkit-margin-after:0;margin-block-end:0}.fd-input-group[class*=-compact],.fd-input-group[class*=-condensed],[class*=-compact] .fd-input-group:not([class*=-cozy]),[class*=-condensed] .fd-input-group:not([class*=-cozy]){height:var(--sapElement_Compact_Height);--fdInput_Field_Margin_Block:0.1875rem;--fdInput_Field_Compact_Margin_Block:0;--fdInput_Group_Addon_Width:2rem;--fdInput_Group_Addon_Height:var(--fdInput_Compact_Height)}.fd-input-group .fd-textarea{resize:vertical}.fd-input-group .is-disabled,.fd-input-group :disabled,.fd-input-group [aria-disabled=true]{opacity:1}.fd-input-group.is-readonly,.fd-input-group[readonly]{overflow:visible}.fd-input-group.is-readonly .fd-input-group__addon,.fd-input-group[readonly] .fd-input-group__addon{overflow:hidden}.fd-input-group--display,.fd-input-group.is-display,.fd-input-group[display]{background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;overflow:visible;pointer-events:none}.fd-input-group .fd-tokenizer{background:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.fd-input-group .fd-tokenizer.is-hover,.fd-input-group .fd-tokenizer:hover{background:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.fd-input-group .fd-tokenizer.is-focus,.fd-input-group .fd-tokenizer:focus{background:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;line-height:var(--fdLink_Line_Height,1rem);overflow-wrap:break-word;text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;white-space:normal;word-break:break-word}.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-link__content{text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-link--touch-target{--fdLink_Line_Height:1.5rem}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{-webkit-margin-end:.125rem;margin-inline-end:.125rem}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:.125rem;margin-inline-start:.125rem}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited:not(:focus) [class*=sap-icon],.fd-link:visited:not(:focus)[class*=sap-icon]{color:var(--sapLink_Visited_Color)}.fd-link__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox:after,.fd-checkbox:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-success.is-expanded,.fd-checkbox.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-error.is-expanded,.fd-checkbox.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)}.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-warning.is-expanded,.fd-checkbox.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-alert.is-expanded,.fd-checkbox.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-information.is-expanded,.fd-checkbox.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:hover{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{z-index:5;--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fdCheckbox_Padding);line-height:1rem;margin-block:0;margin-inline:0;padding-block:var(--fdCheckbox_Padding);padding-inline:var(--fdCheckbox_Padding)}.fd-checkbox__label:after,.fd-checkbox__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox__label:hover .fd-checkbox__checkmark{background-color:var(--fdCheckbox_Hover_Background_Color);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Default_Hover);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Default_Hover);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Default_Hover);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Default_Hover);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Default_Hover)}.fd-checkbox__label:focus{outline:none}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:"*"/"";font-size:var(--sapFontSize);font-weight:700;position:absolute;-webkit-padding-start:.125rem;padding-inline-start:.125rem}.fd-checkbox__label--wrap .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap .fd-checkbox__text{white-space:normal}.fd-checkbox__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__label-container{height:auto;white-space:normal}.fd-checkbox__label--wrap-top-aligned .fd-checkbox__text{white-space:normal}.fd-checkbox__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:inherit;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__text:after,.fd-checkbox__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Inner_Border_Width) var(--fdCheckbox_Inner_Border_Style) var(--fdCheckbox_Inner_Border_Color);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Check_Mark_Color);font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)}.fd-checkbox__checkmark:after,.fd-checkbox__checkmark:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox__checkmark:before{content:""}.fd-checkbox:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:"\e05b"}.fd-checkbox:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{background-color:var(--fdCheckbox_Check_Mark_Color);content:"";height:var(--fdCheckbox_Tristate_Size);position:absolute;width:var(--fdCheckbox_Tristate_Size)}.fd-checkbox.is-alert+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox.is-warning+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Warning);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Warning);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Warning);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Warning);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Warning);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Warning_Hover)}.fd-checkbox.is-error+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Error);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Error);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Error);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Error);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Error);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Error_Hover)}.fd-checkbox.is-success+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Success);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Success);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Success);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Success);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Success);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Success_Hover)}.fd-checkbox.is-information+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Information);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Information);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Information);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Information);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Information);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Information_Hover)}.fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox[readonly]+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_ReadOnly);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_ReadOnly);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_ReadOnly);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_ReadOnly);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly)}.fd-checkbox.is-display+.fd-checkbox__label{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);gap:.5rem}.fd-checkbox.is-display+.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox.is-display+.fd-checkbox__label:hover .fd-checkbox__checkmark{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);--fdCheckbox_Hover_Background_Color:transparent}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:transparent;--fdCheckbox_Dimensions:1rem;border:none}.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e19a";font-size:1rem;height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-checkbox.is-display:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:"\e03f";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:before{content:"\e295";font-size:1rem}.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{content:"";height:0;width:0}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox[class*=-compact]+.fd-checkbox__label,.fd-checkbox[class*=-condensed]+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)}.fd-checkbox[class*=-compact]:indeterminate+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:indeterminate+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)}.fd-checkbox[class*=-compact].is-focus,.fd-checkbox[class*=-compact]:focus,.fd-checkbox[class*=-condensed].is-focus,.fd-checkbox[class*=-condensed]:focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus{z-index:5}.fd-checkbox[class*=-compact].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-compact]:focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-info-label{--fdInfoLabel_Margin:0.25rem;--fdInfoLabel_Padding:0.375rem;--fdInfoLabel_Icon_Size:0.75rem;--fdInfoLabel_Height:var(--fdInfo_Label_Height);--fdInfoLabel_Label_Font_Size:var(--sapFontSize);--fdInfoLabel_Color:var(--fdInfoLabel_Color_Accent_7);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Background:var(--fdInfoLabel_Background_Color_Accent_7);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdInfoLabel_Background);border:.0625rem solid var(--fdInfoLabel_Border_Color);border-radius:var(--fdInfoLabel_Border_Radius);color:var(--fdInfoLabel_Color);gap:var(--fdInfoLabel_Margin);height:var(--fdInfoLabel_Height);padding-block:0;padding-inline:var(--fdInfoLabel_Padding);width:auto}.fd-info-label:after,.fd-info-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;font-size:var(--fdInfoLabel_Icon_Size);height:var(--fdInfoLabel_Height);line-height:var(--fdInfoLabel_Height)}.fd-info-label__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-size:var(--fdInfoLabel_Label_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-info-label__text:after,.fd-info-label__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-info-label__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-info-label--accent-color-1{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color1);--fdInfoLabel_Color:var(--fdInfo_Label_Color1);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color2);--fdInfoLabel_Color:var(--fdInfo_Label_Color2);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color3);--fdInfoLabel_Color:var(--fdInfo_Label_Color3);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color4);--fdInfoLabel_Color:var(--fdInfo_Label_Color4);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color5);--fdInfoLabel_Color:var(--fdInfo_Label_Color5);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color6);--fdInfoLabel_Color:var(--fdInfo_Label_Color6);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Color:var(--fdInfo_Label_Color7);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color8);--fdInfoLabel_Color:var(--fdInfo_Label_Color8);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color9);--fdInfoLabel_Color:var(--fdInfo_Label_Color9);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color10);--fdInfoLabel_Color:var(--fdInfo_Label_Color10);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{--fdInfoLabel_Padding:0.25rem;--fdInfoLabel_Margin:0.125rem;--fdInfoLabel_Icon_Size:0.625rem;--fdInfoLabel_Label_Font_Size:var(--sapFontSmallSize);--fdInfoLabel_Height:var(--fdInfo_Label_Height_Display);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius_Display)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-toolbar{--fdToolbar_Height:2.75rem;--fdToolbar_Separator_Margin:0;--fdToolbar_Padding_Left:0.5rem;--fdToolbar_Padding_Right:0.5rem;--fdToolbar_Separator_Height:2rem;--fdToolbar_Overflow_Max_Width:100%;--fdToolbar_Separator_Width:0.0625rem;--fdToolbar_Info_Color:var(--sapList_TextColor);--fdToolbar_Background:var(--sapToolbar_Background);--fdToolbar_Border_Bottom:0.0625rem solid var(--sapGroup_TitleBorderColor);--fdToolbar_Border_Top:0.0625rem solid var(--sapPageFooter_BorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdToolbar_Background);border-bottom:var(--fdToolbar_Border_Bottom);height:var(--fdToolbar_Height);min-height:var(--fdToolbar_Height);padding-inline:var(--fdToolbar_Padding_Left) var(--fdToolbar_Padding_Right)}.fd-toolbar:after,.fd-toolbar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toolbar__spacer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto}.fd-toolbar__spacer:after,.fd-toolbar__spacer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toolbar__spacer--fixed{-webkit-box-flex:0;display:inline-block;-ms-flex:none;flex:none}.fd-toolbar__separator{background-color:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdToolbar_Separator_Height);line-height:normal;margin-block:0;margin-block:var(--fdToolbar_Separator_Margin);margin-inline:0;padding-block:0;padding-inline:0;width:var(--fdToolbar_Separator_Width)}.fd-toolbar__separator:after,.fd-toolbar__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toolbar__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--fdToolbar_Separator_Width:auto;--fdToolbar_Separator_Height:0.0625rem;--fdToolbar_Separator_Margin:0.1875rem;--fdToolbar_Overflow_Padding_Block:0.25rem;--fdToolbar_Overflow_Padding_Inline:0.5rem;max-height:50vh;max-width:var(--fdToolbar_Overflow_Max_Width);overflow:auto;padding-block:var(--fdToolbar_Overflow_Padding_Block);padding-inline:var(--fdToolbar_Overflow_Padding_Inline)}.fd-toolbar__overflow:after,.fd-toolbar__overflow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-toolbar__overflow[class*=-compact],.fd-toolbar__overflow[class*=-condensed],[class*=-compact] .fd-toolbar__overflow:not([class*=-cozy]),[class*=-condensed] .fd-toolbar__overflow:not([class*=-cozy]){--fdToolbar_Overflow_Padding_Block:0.1875rem;--fdToolbar_Overflow_Padding_Inline:0.375rem}.fd-toolbar__overflow .fd-toolbar__overflow-button{margin-block:.1875rem;margin-inline:0;text-align:left;width:auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-toolbar__overflow .fd-toolbar__overflow-button[dir=rtl],[dir=rtl] .fd-toolbar__overflow .fd-toolbar__overflow-button{text-align:right}.fd-toolbar__overflow .fd-toolbar__overflow-button--menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:100%}.fd-toolbar__overflow .fd-toolbar__overflow-form-label{margin-block:.625rem .125rem;margin-inline:0}.fd-toolbar__overflow .fd-toolbar__overflow-label{margin-block:.375rem;margin-inline:0}.fd-toolbar .fd-toolbar__title{--fdTitle_Font_Size:var(--sapGroup_Title_FontSize);--fdTitle_Color:var(--sapGroup_TitleTextColor)}.fd-toolbar--auto{--fdToolbar_Background:var(--fdToolbar_Auto_Background)}.fd-toolbar--solid{--fdToolbar_Background:var(--fdToolbar_Solid_Background)}.fd-toolbar--transparent{--fdToolbar_Background:var(--fdToolbar_Transparent_Background)}.fd-toolbar--ai,.fd-toolbar--clear{--fdToolbar_Border_Bottom:none}.fd-toolbar--ai{--fdToolbar_Background:var(--fdToolbar_Transparent_Background);--fdToolbar_Padding_Left:0.5rem;--fdToolbar_Padding_Right:0.25rem}.fd-toolbar--ai.is-active{--fdToolbar_Background:var(--fdToolbar_Solid_Background);border-top:var(--fdToolbar_Border_Top)}.fd-toolbar--title{--fdToolbar_Height:2.75rem;--fdToolbar_Padding_Left:1rem;--fdToolbar_Background:var(--sapGroup_TitleBackground)}.fd-toolbar.fd-toolbar--title-bar{padding-block:.375rem;--fdToolbar_Height:auto;--fdToolbar_Padding_Left:0.75rem;--fdToolbar_Padding_Right:0.75rem}.fd-toolbar--info{color:var(--fdToolbar_Info_Color);position:relative;--fdToolbar_Height:2rem;--fdToolbar_Background:var(--sapInfobar_NonInteractive_Background)}.fd-toolbar--info [class*=sap-icon]{color:var(--sapList_TextColor);font-size:1rem;height:1rem;line-height:1rem}.fd-toolbar--active{outline:none;position:relative;--fdToolbar_Background:var(--sapInfobar_Background);--fdToolbar_Info_Color:var(--sapInfobar_TextColor)}.fd-toolbar--active.is-focus:after,.fd-toolbar--active:focus:after{border-color:var(--sapContent_FocusColor);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:"";inset:.0625rem .0625rem .0625rem .0625rem;pointer-events:none;position:absolute}.fd-toolbar--active.is-hover,.fd-toolbar--active:hover{--fdToolbar_Background:var(--sapInfobar_Hover_Background)}.fd-toolbar--active.is-active,.fd-toolbar--active:active{--fdToolbar_Background:var(--sapInfobar_Active_Background)}.fd-toolbar--active.is-focus,.fd-toolbar--active:focus{z-index:5}.fd-toolbar--active.is-focus:after,.fd-toolbar--active:focus:after{border-color:var(--fdToolbar_Info_Outline_Color)}.fd-toolbar--fade-in{opacity:1;-webkit-transition:visibility 0s linear 0s,opacity 1s;transition:visibility 0s linear 0s,opacity 1s;visibility:visible}.fd-toolbar--fade-out{opacity:0;-webkit-transition:visibility 0s linear 1s,opacity 1ms;transition:visibility 0s linear 1s,opacity 1ms;visibility:hidden}.fd-toolbar[class*=-compact],.fd-toolbar[class*=-condensed],[class*=-compact] .fd-toolbar:not([class*=-cozy]),[class*=-condensed] .fd-toolbar:not([class*=-cozy]){--fdToolbar_Height:2rem;--fdToolbar_Separator_Height:1.5rem;--fdToolbar_Overflow_Max_Width:20rem}.fd-toolbar[class*=-compact].fd-toolbar--title,.fd-toolbar[class*=-condensed].fd-toolbar--title,[class*=-compact] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title,[class*=-condensed] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title{--fdToolbar_Height:2.75rem}.fd-toolbar[class*=-compact].fd-toolbar--title-bar,.fd-toolbar[class*=-condensed].fd-toolbar--title-bar,[class*=-compact] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title-bar,[class*=-condensed] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title-bar{--fdToolbar_Height:auto}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-shellbar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapShellColor);-webkit-box-shadow:inset 0 -.0625rem 0 0 var(--sapShell_BorderColor);box-shadow:inset 0 -.0625rem 0 0 var(--sapShell_BorderColor);height:3.25rem;justify-content:space-between;padding-block:0;padding-inline:var(--fdShellbar_Inline_Padding,1rem)}.fd-shellbar:after,.fd-shellbar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__branding{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdShellBar_Branding_Background,var(--sapButton_Lite_Background));border:var(--sapButton_BorderWidth) solid var(--fdShellBar_Branding_Border_Color,var(--sapButton_Lite_BorderColor));border-radius:.375rem;cursor:var(--fdShellBar_Branding_Cursor,pointer);gap:.25rem;height:2.25rem;padding-block:.125rem;padding-inline:.25rem .5rem}.fd-shellbar__branding:after,.fd-shellbar__branding:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__branding.is-hover,.fd-shellbar__branding:hover{--fdShellBar_Branding_Background:var(--fdShellbar_Branding_Hover_Background);--fdShellBar_Branding_Border_Color:var(--fdShellbar_Branding_Hover_Border_Color)}.fd-shellbar__branding.is-active,.fd-shellbar__branding:active{--fdShellBar_Branding_Background:var(--fdShellbar_Branding_Active_Background);--fdShellBar_Branding_Border_Color:var(--fdShellbar_Branding_Active_Border_Color)}.fd-shellbar__branding.is-active.is-focus,.fd-shellbar__branding.is-active:focus,.fd-shellbar__branding:active.is-focus,.fd-shellbar__branding:active:focus{outline:none;z-index:5}.fd-shellbar__branding.is-focus,.fd-shellbar__branding:focus{outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--fdShellbar_Button_Outline_Color);outline-offset:-.125rem;z-index:5}.fd-shellbar__branding--non-interactive{--fdShellBar_Branding_Cursor:auto}.fd-shellbar__branding--non-interactive.is-hover,.fd-shellbar__branding--non-interactive:hover{--fdShellBar_Branding_Background:var(--sapButton_Lite_Background);--fdShellBar_Branding_Border_Color:var(--sapButton_Lite_BorderColor)}.fd-shellbar__branding--non-interactive.is-active,.fd-shellbar__branding--non-interactive:active{--fdShellBar_Branding_Background:var(--sapButton_Lite_Background);--fdShellBar_Branding_Border_Color:var(--sapButton_Lite_BorderColor)}.fd-shellbar__branding--non-interactive.is-focus,.fd-shellbar__branding--non-interactive:focus{outline:none;z-index:5;--fdShellBar_Branding_Background:var(--sapButton_Lite_Background);--fdShellBar_Branding_Border_Color:var(--sapButton_Lite_BorderColor)}.fd-shellbar__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdShellbar_Title_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__title:after,.fd-shellbar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdShellbar_Subtitle_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__product{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-shellbar__product:after,.fd-shellbar__product:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__logo{background-repeat:no-repeat;background-size:contain;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin-block:0;margin-inline:0;max-height:2rem;padding-block:0;padding-block:.0625rem;padding-inline:0;padding-inline:.25rem;position:relative;vertical-align:middle}.fd-shellbar__logo:after,.fd-shellbar__logo:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;height:1.875rem;line-height:0;max-height:1.875rem;max-width:3.75rem;min-height:1.875rem;min-width:3.75rem;width:3.75rem}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPlNBUF9ncmFkX1Jfc2Nybl9aZWljaGVuZmzDpGNoZSAxPC90aXRsZT48cGF0aCBkPSJNMCAyMDRoMjA4LjQxTDQxMi4zOCAwSDB6IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDp1cmwoI2EpIi8+PHBhdGggZD0iTTI0NC43MyAzOC4zNmgtNDAuNnY5Ni41MmwtMzUuNDYtOTYuNTVoLTM1LjE2bC0zMC4yNyA4MC43MkMxMDAgOTguNyA3OSA5MS42NyA2Mi40IDg2LjQgNTEuNDYgODIuODkgMzkuODUgNzcuNzIgNDAgNzJjLjA5LTQuNjggNi4yMy05IDE4LjM4LTguMzggOC4xNy40MyAxNS4zNyAxLjA5IDI5LjcxIDhsMTQuMS0yNC41NUM4OS4wNiA0MC40MiA3MSAzNi4yMSA1Ni4xNyAzNi4xOWgtLjA5Yy0xNy4yOCAwLTMxLjY4IDUuNi00MC42IDE0LjgzQTM0LjIzIDM0LjIzIDAgMCAwIDUuNzcgNzQuN0M1LjU0IDg3LjE1IDEwLjExIDk2IDE5LjcxIDEwM2M4LjEgNS45NCAxOC40NiA5Ljc5IDI3LjYgMTIuNjIgMTEuMjcgMy40OSAyMC40NyA2LjUzIDIwLjM2IDEzQTkuNTcgOS41NyAwIDAgMSA2NSAxMzVjLTIuODEgMi45LTcuMTMgNC0xMy4wOSA0LjEtMTEuNDkuMjQtMjAtMS41Ni0zMy42MS05LjU5TDUuNzcgMTU0LjQyYTkzLjc3IDkzLjc3IDAgMCAwIDQ2IDEyLjIyaDIuMTFjMTQuMjQtLjI1IDI1Ljc0LTQuMzEgMzQuOTItMTEuNzEuNTMtLjQxIDEtLjg0IDEuNDktMS4yOGwtNC4xMiAxMC44NUgxMjNsNi4xOS0xOC44MmE2Ny41IDY3LjUgMCAwIDAgMjEuNjggMy40MyA2OC4zIDY4LjMgMCAwIDAgMjEuMTYtMy4yNWw2IDE4LjY0aDYwLjE0di0zOWgxMy4xMWMzMS43MSAwIDUwLjQ2LTE2LjE1IDUwLjQ2LTQzLjIgMC0zMC4xMS0xOC4yMi00My45NC01Ny4wMS00My45NE0xNTAuOTEgMTIxYTM2LjkgMzYuOSAwIDAgMS0xMy0yLjI4bDEyLjg3LTQwLjU5aC4yMmwxMi42NSA0MC43MWEzOC41IDM4LjUgMCAwIDEtMTIuNzQgMi4xNm05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZmZmIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar__separator{background-color:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:.0625rem}.fd-shellbar__separator:after,.fd-shellbar__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar__spacer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto}.fd-shellbar__spacer:after,.fd-shellbar__spacer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-popover__control:focus-visible{outline:none}.fd-shellbar .fd-shellbar__button{--fdButtonBackgroundColor:var(--sapButton_Lite_Background);--fdButtonBorderColor:var(--sapButton_Lite_BorderColor);--fdButtonColor:var(--sapShell_TextColor)}.fd-shellbar .fd-shellbar__button>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_InteractiveTextColor))}.fd-shellbar .fd-shellbar__button.fd-user-menu__control{padding-inline:0}.fd-shellbar .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--sapShell_Hover_Background);--fdButtonBorderColor:var(--fdShellbar_Button_Hover_Border_Color);--fdButtonColor:var(--sapShell_TextColor)}.fd-shellbar .fd-shellbar__button.is-hover>[class*=sap-icon],.fd-shellbar .fd-shellbar__button:hover>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_InteractiveTextColor))}.fd-shellbar .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__button:active{--fdButtonBackgroundColor:var(--sapShell_Active_Background);--fdButtonBorderColor:var(--fdShellbar_Button_Active_Border_Color);--fdButtonColor:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__button.is-active>[class*=sap-icon],.fd-shellbar .fd-shellbar__button:active>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_Active_TextColor))}.fd-shellbar .fd-shellbar__button.is-toggled{--fdButtonBackgroundColor:var(--sapShell_Selected_Background);--fdButtonBorderColor:var(--fdShellbar_Button_Active_Border_Color);--fdButtonColor:var(--sapShell_Selected_TextColor)}.fd-shellbar .fd-shellbar__button.is-toggled>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_Selected_TextColor))}.fd-shellbar .fd-shellbar__button.is-focus,.fd-shellbar .fd-shellbar__button:focus{z-index:5}.fd-shellbar .fd-shellbar__button.is-focus:after,.fd-shellbar .fd-shellbar__button:focus:after{border-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__button.fd-shellbar__button--menu{--fdButtonColor:var(--sapShell_TextColor)}.fd-shellbar .fd-shellbar__button:has(.fd-shellbar__avatar--circle){border-radius:20rem;--fdButton_Height:fit-content;--fdButton_Clickable_Height:fit-content;--fdButton_Min_Width:fit-content;--fdButton_Focus_Border_Radius:20rem}.fd-shellbar .fd-shellbar__button--menu .fd-shellbar__title{margin-block:0;margin-inline:0}.fd-shellbar .fd-shellbar__action{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-shellbar .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__action:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__action--grow{-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-shellbar .fd-shellbar__action--shrink{-webkit-box-flex:0;-ms-flex:0;flex:0}.fd-shellbar .fd-shellbar__action:has(.fd-product-switch){-webkit-margin-start:.5rem;margin-inline-start:.5rem}.fd-shellbar .fd-shellbar__search-field{background-color:var(--fdShellbar_SearchField_Background_Color,var(--sapShell_InteractiveBackground));border:none;border-radius:var(--fdShellbar_SearchField_Border_Radius);-webkit-box-shadow:var(--fdShellbar_SearchField_Box_Shadow,var(--fdShellbar_SearchField_Shadow));box-shadow:var(--fdShellbar_SearchField_Box_Shadow,var(--fdShellbar_SearchField_Shadow));max-width:25rem;min-width:25rem}.fd-shellbar .fd-shellbar__search-field:has(.fd-shellbar__search-field-category){max-width:36rem}.fd-shellbar .fd-shellbar__search-field.is-hover,.fd-shellbar .fd-shellbar__search-field:hover{--fdShellbar_SearchField_Box_Shadow:var(--sapField_Hover_Shadow);--fdShellbar_SearchField_Background_Color:var(--fdShellbar_SearchField_Background_Color_Hover)}.fd-shellbar .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__search-field:focus{z-index:5;--fdShellbar_SearchField_Background_Color:var(--fdShellbar_SearchField_Background_Color_Active);outline:none}.fd-shellbar .fd-shellbar__search-field.is-active,.fd-shellbar .fd-shellbar__search-field:active{--fdShellbar_SearchField_Background_Color:var(--fdShellbar_SearchField_Background_Color_Active)}.fd-shellbar .fd-shellbar__search-field:has(input:focus){--fdShellbar_SearchField_Background_Color:var(--fdShellbar_SearchField_Background_Color_Active);background:none;-webkit-box-shadow:var(--fdShellbar_Active_Shadow);box-shadow:var(--fdShellbar_Active_Shadow)}.fd-shellbar .fd-shellbar__search-field:has(button:hover){--fdShellbar_SearchField_Background_Color:var(--sapShell_InteractiveBackground)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input{border-radius:var(--fdShellbar_SearchField_Input_Border_Radius);padding-inline:var(--fdInputGroup_Input_Padding,.875rem .25rem);width:15rem;--fdInputGroup_Input_Color:var(--fdShellbar_SearchField_Input_Text_Color);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border);--fdInputGroup_Input_Background:var(--fdShellbar_SearchField_Input_Background_Regular)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:-moz-placeholder~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:-ms-input-placeholder~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:placeholder-shown~.fd-shellbar__search-cancel{display:none}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::-webkit-input-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::-moz-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:-ms-input-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::-ms-input-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:hover{--fdInputGroup_Hover_Input_Background:var(--fdShellbar_SearchField_Input_Background_Hover);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border_Hover);border:var(--fdInputGroup_Input_Border)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-active,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:active{--fdInputGroup_Input_Background:var(--fdShellbar_SearchField_Input_Background_Active);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border_Active);--fdInputGroup_Input_Padding:var(--fdShellbar_SearchField_Input_Padding_Inline)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus{z-index:5;--fdInputGroup_Input_Background:var(--fdShellbar_SearchField_Input_Background_Focus);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border_Active);--fdInputGroup_Input_Padding:var(--fdShellbar_SearchField_Input_Padding_Inline);outline:var(--fdShellbar_SearchField_Input_Outline);outline-offset:var(--fdShellbar_SearchField_Input_Outline_Offset)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>*,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>*{--fdButtonColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonIconColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>*,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>*{--fdButtonColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonIconColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:placeholder-shown)~.fd-shellbar__search-submit>*,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:placeholder-shown)~.fd-shellbar__search-submit>*{--fdButtonColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonIconColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>:hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonIconColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color_Hover);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color_Hover)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>:hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonIconColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color_Hover);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color_Hover)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:placeholder-shown)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:placeholder-shown)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonIconColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color_Hover);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color_Hover)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon{margin-inline:var(--fdShellbar_SearchField_Addon_Margin_Inline);max-width:var(--fdShellbar_SearchField_Button_Width);min-width:var(--fdShellbar_SearchField_Button_Width);width:var(--fdShellbar_SearchField_Button_Width)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button{height:var(--fdShellbar_SearchField_Button_Height);max-height:var(--fdShellbar_SearchField_Button_Height);max-width:var(--fdShellbar_SearchField_Button_Width);min-height:var(--fdShellbar_SearchField_Button_Height);min-width:var(--fdShellbar_SearchField_Button_Width);width:var(--fdShellbar_SearchField_Button_Width);--fdButton_Focus_Border_Radius:var(--fdShellbar_SearchField_Button_Border_Radius);border-radius:var(--fdShellbar_SearchField_Button_Border_Radius)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button.is-focus,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button:focus{z-index:5}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button.is-focus:after,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button:focus:after{inset:var(--fdShellbar_SearchField_Button_Focus_Inset)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category{position:relative;-webkit-margin-end:var(--fdShell_Search_Field_Category_Margin_End);margin-inline-end:var(--fdShell_Search_Field_Category_Margin_End)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category:after{background-color:var(--sapShell_InteractiveBorderColor);content:"";display:var(--fdShell_Search_Field_Category_Divider_Display);height:1.5rem;position:absolute;right:-.5rem;width:.0625rem}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category[dir=rtl]:after,[dir=rtl] .fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category:after{left:-.5rem;right:auto}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select{-webkit-margin-start:.375rem;margin-inline-start:.375rem}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__control:after{-webkit-box-shadow:none;box-shadow:none}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__control.is-focus,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__control:focus{outline:none;z-index:5}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__text-content{color:var(--sapShell_InteractiveTextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{border-radius:var(--fdShell_Search_Dropdown_Button_Radius);color:var(--sapShell_InteractiveTextColor);height:var(--fdShell_Search_Dropdown_Height);max-width:2.125rem;min-width:2.125rem;width:2.125rem}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown>[class*=sap-icon]{max-width:1rem;min-width:1rem;width:1rem}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:hover{background-color:var(--sapShell_Hover_Background);-webkit-box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);color:var(--sapShell_InteractiveTextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-active,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:active{color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{background:none;border:var(--fdShell_Search_Category_Border);border-radius:var(--fdShell_Search_Dropdown_Border_Radius);gap:.25rem;height:var(--fdShell_Search_Dropdown_Height);margin-inline:0;max-width:18rem;min-height:var(--fdShell_Search_Dropdown_Height);min-width:auto}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:hover{background-color:var(--fdShell_Search_Dropdown_Hover_Background);border:var(--fdShell_Search_Category_Border);-webkit-box-shadow:var(--sapField_Hover_Shadow);box-shadow:var(--sapField_Hover_Shadow)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-active,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:active{background-color:var(--fdShell_Search_Dropdown_Active_Background)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-active .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:active .fd-shellbar__search-dropdown{-webkit-box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-expanded,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[aria-expanded=true]{background-color:var(--fdShell_Search_Dropdown_Active_Background);-webkit-box-shadow:var(--sapField_Hover_Shadow);box-shadow:var(--sapField_Hover_Shadow)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-expanded .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[aria-expanded=true] .fd-shellbar__search-dropdown{background-color:var(--sapShell_Active_Background);-webkit-box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);color:var(--sapShell_Active_TextColor)}.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category--collapsed .fd-select__text-content{display:none}.fd-shellbar .fd-shellbar__group{--fdShellbar_Button_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Button_Active_Color:var(--sapShell_Active_TextColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.fd-shellbar .fd-shellbar__group:after,.fd-shellbar .fd-shellbar__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group--shrink{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.fd-shellbar .fd-shellbar__group--basis-auto{-ms-flex-preferred-size:auto;flex-basis:auto}.fd-shellbar .fd-shellbar__group--product{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-shellbar .fd-shellbar__group--center,.fd-shellbar .fd-shellbar__group--copilot{-webkit-box-ordinal-group:3;-ms-flex-order:2;display:none;order:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-block:0;margin-inline:.5rem}.fd-shellbar .fd-shellbar__group--center .fd-shellbar__action,.fd-shellbar .fd-shellbar__group--copilot .fd-shellbar__action{width:100%}@media (width >= 1440px){.fd-shellbar .fd-shellbar__group--center,.fd-shellbar .fd-shellbar__group--copilot{display:inline-block}}.fd-shellbar .fd-shellbar__group--context-area{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;gap:.5rem;order:2}.fd-shellbar .fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:4;-ms-flex-order:3;gap:.5rem;order:3}.fd-shellbar .fd-shellbar__group--full-width{width:100%}.fd-shellbar .fd-shellbar__toolbar{padding-inline:0}.fd-shellbar--s,.fd-shellbar--sm{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title,.fd-shellbar--sm .fd-shellbar__subtitle,.fd-shellbar--sm .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__group--mobile-flex,.fd-shellbar--sm .fd-shellbar__group--mobile-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-shellbar--s .fd-shellbar__action--mobile,.fd-shellbar--sm .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop,.fd-shellbar--sm .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action:has(.fd-shellbar__search-field),.fd-shellbar--sm .fd-shellbar__action:has(.fd-shellbar__search-field){width:100%}.fd-shellbar--s .fd-shellbar__action-combobox--mobile,.fd-shellbar--sm .fd-shellbar__action-combobox--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapShellColor);height:100%;left:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:.3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--s .fd-shellbar__button--menu[class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu[class*=sap-icon]{margin-block:0!important;margin-inline:0!important}.fd-shellbar--s .fd-shellbar__search-field,.fd-shellbar--sm .fd-shellbar__search-field{width:100%}.fd-shellbar--l,.fd-shellbar--lg,.fd-shellbar--m,.fd-shellbar--md{padding-block:0;padding-inline:2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--lg .fd-shellbar__subtitle,.fd-shellbar--lg .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--md .fd-shellbar__subtitle,.fd-shellbar--md .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--lg .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--md .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--lg .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--md .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl,.fd-shellbar--xxl{padding-block:0;padding-inline:3rem}.fd-shellbar--side-nav{--fdShellbar_Inline_Padding:0.875rem 1rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--lg,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--md,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--sm,.fd-shellbar--side-nav.fd-shellbar--xl{padding-inline:.875rem 1rem}@media (width <= 599px){.fd-shellbar--responsive-paddings{padding-inline:1rem}}@media (width >= 600px) and (width <= 1023px){.fd-shellbar--responsive-paddings{padding-inline:2rem}}@media (width >= 1024px) and (width <= 1439px){.fd-shellbar--responsive-paddings{padding-inline:2rem}}@media (width >= 1440px){.fd-shellbar--responsive-paddings{padding-inline:3rem}}@media (width <= 599px){.fd-shellbar--responsive-paddings{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__group--mobile-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action:has(.fd-shellbar__search-field){width:100%}.fd-shellbar--responsive-paddings .fd-shellbar__action-combobox--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapShellColor);height:100%;left:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:.3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--responsive-paddings .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--responsive-paddings .fd-shellbar__button--menu[class*=sap-icon]{margin-block:0!important;margin-inline:0!important}.fd-shellbar--responsive-paddings .fd-shellbar__search-field{width:100%}}@media (width >= 600px) and (width <= 1023px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (width >= 1024px) and (width <= 1439px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}@media (width >= 1440px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}}.fd-shellbar-overlay{background:var(--sapBlockLayer_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;left:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.3;padding-block:0;padding-inline:0;position:absolute;right:0;top:0;width:100%}.fd-shellbar-overlay:after,.fd-shellbar-overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-shellbar[class*=-compact],.fd-shellbar[class*=-condensed],[class*=-compact] .fd-shellbar:not([class*=-cozy]),[class*=-condensed] .fd-shellbar:not([class*=-cozy]){--fdShell_Search_Dropdown_Height:var(--sapElement_Compact_Height);--fdShellbar_SearchField_Button_Height:var(--sapElement_Compact_Height)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-avatar{--fdAvatarZoomIconPosition:0;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:var(--fdAvatarBorderWidth,.0625rem) solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);-webkit-box-shadow:var(--fdAvatarBoxShadow);box-shadow:var(--fdAvatarBoxShadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding-block:0;padding-inline:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:"";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex="0"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex="0"].is-hover,.fd-avatar[tabindex="0"]:hover{--fdAvatarBorderColor:var(--fdAvatarBorderHoverColor,var(--sapAvatar_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor,var(--sapAvatar_6_Hover_Background))}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex="0"].is-disabled,.fd-avatar[tabindex="0"]:disabled,.fd-avatar[tabindex="0"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button]:active,.fd-avatar[tabindex="0"].is-active,.fd-avatar[tabindex="0"]:active{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))}.fd-avatar--interactive.is-active.is-hover,.fd-avatar--interactive.is-active:hover,.fd-avatar--interactive:active.is-hover,.fd-avatar--interactive:active:hover,.fd-avatar[role=button].is-active.is-hover,.fd-avatar[role=button].is-active:hover,.fd-avatar[role=button]:active.is-hover,.fd-avatar[role=button]:active:hover,.fd-avatar[tabindex="0"].is-active.is-hover,.fd-avatar[tabindex="0"].is-active:hover,.fd-avatar[tabindex="0"]:active.is-hover,.fd-avatar[tabindex="0"]:active:hover{--fdAvatarBorderColor:var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))}.fd-avatar--interactive.is-toggled,.fd-avatar[role=button].is-toggled,.fd-avatar[tabindex="0"].is-toggled{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex="0"].is-toggled.is-hover,.fd-avatar[tabindex="0"].is-toggled:hover{--fdAvatarBorderColor:var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex="0"].is-focus,.fd-avatar[tabindex="0"]:focus{padding-block:.125rem;padding-inline:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:100%;color:var(--fdAvatarZoomIconColor);font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__zoom-icon--indication-1{--fdAvatarZoomIconColor:var(--sapIndicationColor_1_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_1_Background)}.fd-avatar__zoom-icon--indication-2{--fdAvatarZoomIconColor:var(--sapIndicationColor_2_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_2_Background)}.fd-avatar__zoom-icon--indication-3{--fdAvatarZoomIconColor:var(--sapIndicationColor_3_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_3_Background)}.fd-avatar__zoom-icon--indication-4{--fdAvatarZoomIconColor:var(--sapIndicationColor_4_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_4_Background)}.fd-avatar__zoom-icon--indication-5{--fdAvatarZoomIconColor:var(--sapIndicationColor_5_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_5_Background)}.fd-avatar__zoom-icon--indication-6{--fdAvatarZoomIconColor:var(--sapIndicationColor_6_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_6_Background)}.fd-avatar__zoom-icon--indication-7{--fdAvatarZoomIconColor:var(--sapIndicationColor_7_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_7_Background)}.fd-avatar__zoom-icon--indication-8{--fdAvatarZoomIconColor:var(--sapIndicationColor_8_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_8_Background)}.fd-avatar__zoom-icon--indication-9{--fdAvatarZoomIconColor:var(--sapIndicationColor_9_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_9_Background)}.fd-avatar__zoom-icon--indication-10{--fdAvatarZoomIconColor:var(--sapIndicationColor_10_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_10_Background)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:"";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapAvatar_Lite_Background);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarBorderHoverColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_Lite_Background)}.fd-avatar--tile{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapTile_Background);--fdAvatarColor:var(--sapTile_IconColor);--fdAvatarBorderHoverColor:var(--sapTile_IconColor);--fdAvatarHoverBackgroundColor:var(--sapTile_Background)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarBorderHoverColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--sapContent_ImagePlaceholderBackground)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapContent_IconColor);--fdAvatarBackgroundColor:var(--sapAvatar_Lite_Background);--fdAvatarHoverBackgroundColor:var(--sapAvatar_Lite_Background)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor)}.fd-avatar--overflow{cursor:pointer;--fdAvatarBorderWidth:var(--fdAvatar_Overflow_Border_Width);--fdAvatarBorderColor:var(--sapButton_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Background);--fdAvatarColor:var(--sapButton_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);--fdAvatarBorderActiveColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapButton_Active_Background);--fdAvatarActiveColor:var(--sapButton_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapButton_Active_Background);--fdAvatarActiveHoverColor:var(--sapButton_Active_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_1_BorderColor);--fdAvatarColor:var(--sapAvatar_1_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_1_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_1_Hover_Background)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_2_BorderColor);--fdAvatarColor:var(--sapAvatar_2_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_2_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_2_Hover_Background)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_3_BorderColor);--fdAvatarColor:var(--sapAvatar_3_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_3_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_3_Hover_Background)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_4_BorderColor);--fdAvatarColor:var(--sapAvatar_4_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_4_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_4_Hover_Background)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_5_BorderColor);--fdAvatarColor:var(--sapAvatar_5_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_5_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_5_Hover_Background)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_6_BorderColor);--fdAvatarColor:var(--sapAvatar_6_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_6_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_6_Hover_Background)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_7_BorderColor);--fdAvatarColor:var(--sapAvatar_7_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_7_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_7_Hover_Background)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_8_BorderColor);--fdAvatarColor:var(--sapAvatar_8_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_8_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_8_Hover_Background)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_9_BorderColor);--fdAvatarColor:var(--sapAvatar_9_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_9_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_9_Hover_Background)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_10_BorderColor);--fdAvatarColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_10_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_10_Hover_Background)}.fd-avatar--indication-color-1,.fd-avatar--indication-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_1_BorderColor);--fdAvatarColor:var(--sapIndicationColor_1_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_1_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_1_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_1_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_1_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_1_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_1_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_1_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_1_Active_TextColor)}.fd-avatar--indication-color-2,.fd-avatar--indication-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_2_BorderColor);--fdAvatarColor:var(--sapIndicationColor_2_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_2_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_2_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_2_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_2_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_2_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_2_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_2_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_2_Active_TextColor)}.fd-avatar--indication-color-3,.fd-avatar--indication-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_3_BorderColor);--fdAvatarColor:var(--sapIndicationColor_3_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_3_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_3_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_3_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_3_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_3_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_3_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_3_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_3_Active_TextColor)}.fd-avatar--indication-color-4,.fd-avatar--indication-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_4_BorderColor);--fdAvatarColor:var(--sapIndicationColor_4_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_4_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_4_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_4_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_4_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_4_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_4_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_4_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_4_Active_TextColor)}.fd-avatar--indication-color-5,.fd-avatar--indication-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_5_BorderColor);--fdAvatarColor:var(--sapIndicationColor_5_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_5_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_5_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_5_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_5_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_5_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_5_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_5_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_5_Active_TextColor)}.fd-avatar--indication-color-6,.fd-avatar--indication-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_6_BorderColor);--fdAvatarColor:var(--sapIndicationColor_6_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_6_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_6_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_6_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_6_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_6_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_6_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_6_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_6_Active_TextColor)}.fd-avatar--indication-color-7,.fd-avatar--indication-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_7_BorderColor);--fdAvatarColor:var(--sapIndicationColor_7_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_7_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_7_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_7_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_7_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_7_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_7_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_7_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_7_Active_TextColor)}.fd-avatar--indication-color-8,.fd-avatar--indication-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_8_BorderColor);--fdAvatarColor:var(--sapIndicationColor_8_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_8_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_8_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_8_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_8_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_8_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_8_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_8_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_8_Active_TextColor)}.fd-avatar--indication-color-9,.fd-avatar--indication-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_9_BorderColor);--fdAvatarColor:var(--sapIndicationColor_9_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_9_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_9_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_9_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_9_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_9_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_9_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_9_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_9_Active_TextColor)}.fd-avatar--indication-color-10,.fd-avatar--indication-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_10_BorderColor);--fdAvatarColor:var(--sapIndicationColor_10_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_10_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_10_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_10_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_10_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_10_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_10_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_10_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_10_Active_TextColor)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.25rem}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem}:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.75rem}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem}.fd-avatar--sm{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem}:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.75rem}.fd-avatar--sm .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--sm .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2rem}:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.25rem}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem}.fd-avatar--md{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2rem}:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.25rem}.fd-avatar--md .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--md .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-0.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem}:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.75rem}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:0.875rem}.fd-avatar--lg{--fdAvatarZoomIconOffset:-0.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem}:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.75rem}.fd-avatar--lg .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--lg .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:0.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-0.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:3.5rem}:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:3.75rem}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell,.fd-avatar--indication-color-1.fd-avatar--shell,.fd-avatar--indication-color-10.fd-avatar--shell,.fd-avatar--indication-color-2.fd-avatar--shell,.fd-avatar--indication-color-3.fd-avatar--shell,.fd-avatar--indication-color-4.fd-avatar--shell,.fd-avatar--indication-color-5.fd-avatar--shell,.fd-avatar--indication-color-6.fd-avatar--shell,.fd-avatar--indication-color-7.fd-avatar--shell,.fd-avatar--indication-color-8.fd-avatar--shell,.fd-avatar--indication-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--lg,.fd-avatar--m,.fd-avatar--md,.fd-avatar--s,.fd-avatar--sm,.fd-avatar--xl,.fd-avatar--xs{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--lg:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--md:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--sm:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-tile{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:normal;margin-block:0;margin-inline:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding-block:0;padding-inline:0;width:11rem;--fdGenericTileLineTileHeight:2rem;--fdGenericTileLineTileMaxHeight:3.25rem;--fdGenericTileLineHeight:1.625rem;--fdGenericTileTitleHorizontalSpacing:0.625rem;background:var(--sapTile_Background);border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;padding-block:.9375rem;padding-inline:.9375rem;position:relative}.fd-tile:after,.fd-tile:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile[class*=-compact],.fd-tile[class*=-condensed],[class*=-compact] .fd-tile:not([class*=-cozy]),[class*=-condensed] .fd-tile:not([class*=-cozy]){--fdGenericTileLineTileHeight:1.625rem;--fdGenericTileLineTileMaxHeight:2.875rem;--fdGenericTileLineHeight:1.4375rem;--fdGenericTileTitleHorizontalSpacing:0.5rem}.fd-tile.is-active,.fd-tile:active{background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-tile__header{height:3.625rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content,.fd-tile__header{-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__content{height:3.875rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;max-height:7.75rem;min-height:7.75rem;-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-size:var(--fdTile_Title_Font_Size);font-weight:var(--fdTile_Title_Font_Weight);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:.5rem;color:var(--sapButton_IconColor);font-size:var(--sapFontSize);line-height:normal;margin-inline-end:.5rem;min-width:.875rem;text-align:center}.fd-tile__profile-img{border:0;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3.5rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding-block:0;padding-inline:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding-block:.4375rem;padding-inline:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-margin-end:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-inline-end:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){-webkit-padding-start:.5rem;max-width:10.25rem;padding-inline-start:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.063rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:"\e14b";font-family:SAP-icons;font-size:1rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow)}.fd-tile--slide .fd-tile__toggle--pause:before{content:"\e14c"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:6.125rem;line-height:normal;margin-block:0;margin-inline:0;max-height:6.125rem;min-height:6.125rem;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);justify-content:space-between;max-width:100%;opacity:var(--fdSlide_Tile_Background_Opacity);width:100%;z-index:2;-webkit-padding-before:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);padding-block-start:.25rem;padding-inline:.9375rem}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:.5rem;max-height:.5rem;min-height:.5rem;-webkit-margin-after:.125rem;margin-block-end:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);padding-block:0;padding-inline:0;width:var(--fdSlide_Tile_Indicator_Dot_Size);-webkit-margin-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);margin-inline-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin-block:0;margin-inline:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;-webkit-padding-before:.1875rem;padding-block-start:.1875rem;padding-inline:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-block:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.7;padding-block:0;padding-inline:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-height:none;max-width:none;min-height:auto;min-width:auto;width:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:0;padding-inline:0;position:absolute;right:-.375rem;top:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:"";display:block;inset:-.0625rem -.0625rem -.0625rem -.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;position:absolute;right:0;-webkit-margin-after:.25rem;margin-block-end:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapButton_IconColor);font-size:1rem}.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator:active{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile-container--list{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:column;flex-direction:column}.fd-tile-container--list .fd-tile--line{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0;max-height:var(--fdGenericTileLineTileMaxHeight)}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tile--line{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-block:.25rem;-webkit-margin-end:.5rem;background:var(--fdTile_Background,var(--sapTile_Background));border:.0625rem solid var(--fdTile_Border,var(--sapTile_BorderColor));border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));display:flex;height:100%;margin-inline-end:.5rem;max-height:var(--fdGenericTileLineTileHeight);max-width:100%;min-height:var(--fdGenericTileLineTileHeight);min-width:2rem;padding-block:0;padding-inline:.5rem;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-tile--line.is-hover,.fd-tile--line:hover{border-radius:var(--sapTile_BorderCornerRadius);--fdTile_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Background:var(--sapTile_Hover_Background)}.fd-tile--line.is-active,.fd-tile--line:active{--fdTile_Background:var(--sapTile_Active_Background)}.fd-tile--line.is-focus,.fd-tile--line:focus{outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.125rem;z-index:5}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line:last-child{-webkit-margin-end:0;margin-inline-end:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-block:0;margin-inline:0}.fd-tile--line .fd-tile__title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:var(--fdGenericTileLineHeight);min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__subtitle{color:var(--sapTile_TextColor);font-size:.875rem}.fd-tile--line .fd-tile__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdGenericTileTitleHorizontalSpacing);color:var(--sapTile_TitleTextColor);display:inline;-webkit-line-clamp:initial;margin-inline-end:var(--fdGenericTileTitleHorizontalSpacing)}.fd-tile--line.fd-tile--action{-webkit-padding-end:0;padding-inline-end:0}.fd-tile--line.fd-tile--action .fd-tile__action-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:.25rem;margin-inline-start:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.375rem;min-width:1.375rem;width:1.375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapButton_Background);border:var(--sapButton_BorderColor);border-radius:50%;cursor:pointer;font-size:.75rem;padding-block:0;padding-inline:.25rem;position:relative;top:-.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-close:after{border-radius:50%}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{height:1.625rem;line-height:1.625rem;margin-block:0;margin-inline:0;max-height:1.625rem;max-width:1.625rem;min-height:1.625rem;min-width:1.625rem;min-width:auto;position:relative;width:1.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{content:"";height:2rem;left:60%;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.fd-tile--line .fd-badge{inset:0;position:relative;-webkit-margin-end:.375rem;margin-inline-end:.375rem;-ms-flex-negative:0;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;right:0}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-counter{background-color:var(--sapContent_BadgeBackground);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_BadgeTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:1rem;line-height:normal;line-height:.875rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.3125rem;text-align:center;z-index:1}.fd-counter:after,.fd-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-counter--notification{-webkit-transform:translate(-40%,-50%);transform:translate(-40%,-50%)}.fd-counter--notification[dir=rtl],[dir=rtl] .fd-counter--notification{-webkit-transform:translate(40%,-50%);transform:translate(40%,-50%)}/*!
- * Fundamental Library Styles v0.41.9
- * Copyright (c) 2026 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.fd-object-status{--fdObjectStatus_Decoration:none;--fdObjectStatus_Underline:transparent;--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Regular);--fdObjectStatus_Icon_Font_Size:1rem;--fdObjectStatus_Icon_Color:var(--sapNeutralElementColor);--fdObjectStatus_Text_Font_Family:var(--sapFontFamily);--fdObjectStatus_Text_Font_Size:var(--sapFontSize);--fdObjectStatus_Text_Color:var(--sapNeutralTextColor);--fdObjectStatus_Height:1rem;--fdObjectStatus_Text_Shadow:var(--sapContent_TextShadow);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdObjectStatus_Text_Color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--fdObjectStatus_Text_Font_Family);font-size:var(--fdObjectStatus_Text_Font_Size);gap:.25rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:var(--fdObjectStatus_Height);max-width:100%;min-height:var(--fdObjectStatus_Height);position:relative;text-shadow:var(--fdObjectStatus_Text_Shadow);word-break:break-word}.fd-object-status:after,.fd-object-status:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-status__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-family:inherit;font-size:var(--sapFontSize);font-size:inherit;font-weight:400;font-weight:inherit;forced-color-adjust:none;line-height:normal;line-height:var(--fdObjectStatus_Height);margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;word-break:inherit}.fd-object-status__text:after,.fd-object-status__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-object-status__icon [class*=sap-icon],.fd-object-status__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdObjectStatus_Icon_Color);font-size:var(--fdObjectStatus_Icon_Font_Size);line-height:var(--fdObjectStatus_Height)}.fd-object-status__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-object-status.fd-object-status--positive{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapPositiveTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapPositiveElementColor))}.fd-object-status.fd-object-status--positive:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: }.fd-object-status.fd-object-status--positive.is-focus,.fd-object-status.fd-object-status--positive:focus{z-index:5}.fd-object-status.fd-object-status--positive.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--positive:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Positive_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Positive_IconColor_Focus)}.fd-object-status.fd-object-status--critical{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapCriticalTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapCriticalElementColor))}.fd-object-status.fd-object-status--critical:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: }.fd-object-status.fd-object-status--critical.is-focus,.fd-object-status.fd-object-status--critical:focus{z-index:5}.fd-object-status.fd-object-status--critical.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--critical:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Critical_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Critical_IconColor_Focus)}.fd-object-status.fd-object-status--negative{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapNegativeTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapNegativeElementColor))}.fd-object-status.fd-object-status--negative:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: }.fd-object-status.fd-object-status--negative.is-focus,.fd-object-status.fd-object-status--negative:focus{z-index:5}.fd-object-status.fd-object-status--negative.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--negative:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Negative_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Negative_IconColor_Focus)}.fd-object-status.fd-object-status--informative{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapInformativeTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapInformativeElementColor))}.fd-object-status.fd-object-status--informative:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: }.fd-object-status.fd-object-status--informative.is-focus,.fd-object-status.fd-object-status--informative:focus{z-index:5}.fd-object-status.fd-object-status--informative.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--informative:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Informative_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Informative_IconColor_Focus)}.fd-object-status.fd-object-status--neutral{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapNeutralTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapNeutralElementColor))}.fd-object-status.fd-object-status--neutral:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: }.fd-object-status.fd-object-status--neutral.is-focus,.fd-object-status.fd-object-status--neutral:focus{z-index:5}.fd-object-status.fd-object-status--neutral.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--neutral:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Neutral_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Neutral_IconColor_Focus)}.fd-object-status.fd-object-status--indication-1{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1)}.fd-object-status.fd-object-status--indication-1:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1)}.fd-object-status.fd-object-status--indication-1.is-focus,.fd-object-status.fd-object-status--indication-1:focus{z-index:5}.fd-object-status.fd-object-status--indication-1.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-1:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_1_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_1_Focus)}.fd-object-status.fd-object-status--indication-2{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2)}.fd-object-status.fd-object-status--indication-2:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2)}.fd-object-status.fd-object-status--indication-2.is-focus,.fd-object-status.fd-object-status--indication-2:focus{z-index:5}.fd-object-status.fd-object-status--indication-2.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-2:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_2_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_2_Focus)}.fd-object-status.fd-object-status--indication-3{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3)}.fd-object-status.fd-object-status--indication-3:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3)}.fd-object-status.fd-object-status--indication-3.is-focus,.fd-object-status.fd-object-status--indication-3:focus{z-index:5}.fd-object-status.fd-object-status--indication-3.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-3:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_3_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_3_Focus)}.fd-object-status.fd-object-status--indication-4{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4)}.fd-object-status.fd-object-status--indication-4:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4)}.fd-object-status.fd-object-status--indication-4.is-focus,.fd-object-status.fd-object-status--indication-4:focus{z-index:5}.fd-object-status.fd-object-status--indication-4.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-4:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_4_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_4_Focus)}.fd-object-status.fd-object-status--indication-5{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5)}.fd-object-status.fd-object-status--indication-5:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5)}.fd-object-status.fd-object-status--indication-5.is-focus,.fd-object-status.fd-object-status--indication-5:focus{z-index:5}.fd-object-status.fd-object-status--indication-5.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-5:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_5_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_5_Focus)}.fd-object-status.fd-object-status--indication-6{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6)}.fd-object-status.fd-object-status--indication-6:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6)}.fd-object-status.fd-object-status--indication-6.is-focus,.fd-object-status.fd-object-status--indication-6:focus{z-index:5}.fd-object-status.fd-object-status--indication-6.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-6:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_6_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_6_Focus)}.fd-object-status.fd-object-status--indication-7{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7)}.fd-object-status.fd-object-status--indication-7:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7)}.fd-object-status.fd-object-status--indication-7.is-focus,.fd-object-status.fd-object-status--indication-7:focus{z-index:5}.fd-object-status.fd-object-status--indication-7.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-7:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_7_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_7_Focus)}.fd-object-status.fd-object-status--indication-8{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8)}.fd-object-status.fd-object-status--indication-8:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8)}.fd-object-status.fd-object-status--indication-8.is-focus,.fd-object-status.fd-object-status--indication-8:focus{z-index:5}.fd-object-status.fd-object-status--indication-8.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-8:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_8_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_8_Focus)}.fd-object-status--link{cursor:pointer;text-decoration:var(--fdObjectStatus_Decoration)}.fd-object-status--link .fd-object-status__text{text-decoration:var(--fdObjectStatus_Text_Decoration)}.fd-object-status--link.is-visited,.fd-object-status--link:visited{--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Visited)}.fd-object-status--link.is-hover,.fd-object-status--link:hover{--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Hover)}.fd-object-status--link.is-active,.fd-object-status--link:active{--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Down)}.fd-object-status--link.is-focus,.fd-object-status--link:focus{z-index:5}.fd-object-status--link.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status--link:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Neutral_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Neutral_IconColor_Focus);--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Focus);background:var(--fdObjectStatus_Focus_Background);border-radius:var(--fdObjectStatus_Focus_Border_Radius);outline:var(--fdObjectStatus_Focus_Outline);text-shadow:none}.fd-object-status--large{--fdObjectStatus_Text_Font_Size:1.5rem;--fdObjectStatus_Height:1.5rem;--fdObjectStatus_Icon_Font_Size:1.5rem;--fdObjectStatus_Text_Font_Family:var(--sapFontLightFamily)}.fd-object-status--inverted{--fdObjectStatus_Text_Shadow:none;--fdObjectStatus_Icon_Font_Size:0.75rem;--fdObjectStatus_Text_Font_Size:var(--sapFontSmallSize);--fdObjectStatus_Text_Font_Family:var(--sapFontBoldFamily);background-color:var(--fdObjectStatus_Background_Color,transparent);border-color:var(--fdObjectStatus_Border_Color,initial);border-radius:var(--fdObjectStatus_Inverted_Border_Radius);border-style:solid;border-width:var(--fdObjectStatus_Inverted_Border_Width);max-height:none;min-height:var(--fdObjectStatus_Inverted_Line_Height);min-width:var(--fdObjectStatus_Inverted_Min_Width);overflow:hidden;padding-block:var(--fdObjectStatus_Inverted_Padding_Block);padding-inline:var(--fdObjectStatus_Inverted_Padding_Inline);position:relative;--fdObjectStatus_Text_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Inverted_Neutral_Background_Regular);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Inverted_Neutral_Border_Color_Regular)}.fd-object-status--inverted .fd-object-status__icon,.fd-object-status--inverted .fd-object-status__text{line-height:1rem}.fd-object-status--inverted:before{background:var(--fdObjectStatus_Underline);bottom:0;content:"";height:var(--fdObjectStatus_Inverted_Underline_Width);position:absolute;width:100%;z-index:1}.fd-object-status--inverted:active,.fd-object-status--inverted:hover,.fd-object-status--inverted:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Inverted_Neutral_Background_Regular)}.fd-object-status--inverted.fd-object-status--positive{--fdObjectStatus_Text_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_BorderColor)}.fd-object-status--inverted.fd-object-status--positive:active,.fd-object-status--inverted.fd-object-status--positive:hover,.fd-object-status--inverted.fd-object-status--positive:visited{--fdObjectStatus_Text_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background)}.fd-object-status--inverted.fd-object-status--critical{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_BorderColor)}.fd-object-status--inverted.fd-object-status--critical:active,.fd-object-status--inverted.fd-object-status--critical:hover,.fd-object-status--inverted.fd-object-status--critical:visited{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Background)}.fd-object-status--inverted.fd-object-status--negative{--fdObjectStatus_Text_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_BorderColor)}.fd-object-status--inverted.fd-object-status--negative:active,.fd-object-status--inverted.fd-object-status--negative:hover,.fd-object-status--inverted.fd-object-status--negative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Background)}.fd-object-status--inverted.fd-object-status--informative{--fdObjectStatus_Text_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_BorderColor)}.fd-object-status--inverted.fd-object-status--informative:active,.fd-object-status--inverted.fd-object-status--informative:hover,.fd-object-status--inverted.fd-object-status--informative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Background)}.fd-object-status--inverted.fd-object-status--indication-1{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-1:active,.fd-object-status--inverted.fd-object-status--indication-1:hover,.fd-object-status--inverted.fd-object-status--indication-1:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Background)}.fd-object-status--inverted.fd-object-status--indication-2{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-2:active,.fd-object-status--inverted.fd-object-status--indication-2:hover,.fd-object-status--inverted.fd-object-status--indication-2:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Background)}.fd-object-status--inverted.fd-object-status--indication-3{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-3:active,.fd-object-status--inverted.fd-object-status--indication-3:hover,.fd-object-status--inverted.fd-object-status--indication-3:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Background)}.fd-object-status--inverted.fd-object-status--indication-4{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-4:active,.fd-object-status--inverted.fd-object-status--indication-4:hover,.fd-object-status--inverted.fd-object-status--indication-4:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Background)}.fd-object-status--inverted.fd-object-status--indication-5{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-5:active,.fd-object-status--inverted.fd-object-status--indication-5:hover,.fd-object-status--inverted.fd-object-status--indication-5:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Background)}.fd-object-status--inverted.fd-object-status--indication-6{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-6:active,.fd-object-status--inverted.fd-object-status--indication-6:hover,.fd-object-status--inverted.fd-object-status--indication-6:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Background)}.fd-object-status--inverted.fd-object-status--indication-7{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-7:active,.fd-object-status--inverted.fd-object-status--indication-7:hover,.fd-object-status--inverted.fd-object-status--indication-7:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Background)}.fd-object-status--inverted.fd-object-status--indication-8{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-8:active,.fd-object-status--inverted.fd-object-status--indication-8:hover,.fd-object-status--inverted.fd-object-status--indication-8:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Background)}.fd-object-status--inverted.fd-object-status--indication-9{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-9:active,.fd-object-status--inverted.fd-object-status--indication-9:hover,.fd-object-status--inverted.fd-object-status--indication-9:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Background)}.fd-object-status--inverted.fd-object-status--indication-10{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_BorderColor)}.fd-object-status--inverted.fd-object-status--indication-10:active,.fd-object-status--inverted.fd-object-status--indication-10:hover,.fd-object-status--inverted.fd-object-status--indication-10:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Background)}.fd-object-status--inverted.fd-object-status--indication-1b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_1b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_1b)}.fd-object-status--inverted.fd-object-status--indication-1b:active,.fd-object-status--inverted.fd-object-status--indication-1b:hover,.fd-object-status--inverted.fd-object-status--indication-1b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_1b)}.fd-object-status--inverted.fd-object-status--indication-1b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-1b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-2b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_2b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_2b)}.fd-object-status--inverted.fd-object-status--indication-2b:active,.fd-object-status--inverted.fd-object-status--indication-2b:hover,.fd-object-status--inverted.fd-object-status--indication-2b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_2b)}.fd-object-status--inverted.fd-object-status--indication-2b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-2b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-3b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_3b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_3b)}.fd-object-status--inverted.fd-object-status--indication-3b:active,.fd-object-status--inverted.fd-object-status--indication-3b:hover,.fd-object-status--inverted.fd-object-status--indication-3b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_3b)}.fd-object-status--inverted.fd-object-status--indication-3b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-3b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-4b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_4b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_4b)}.fd-object-status--inverted.fd-object-status--indication-4b:active,.fd-object-status--inverted.fd-object-status--indication-4b:hover,.fd-object-status--inverted.fd-object-status--indication-4b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_4b)}.fd-object-status--inverted.fd-object-status--indication-4b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-4b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-5b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_5b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_5b)}.fd-object-status--inverted.fd-object-status--indication-5b:active,.fd-object-status--inverted.fd-object-status--indication-5b:hover,.fd-object-status--inverted.fd-object-status--indication-5b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_5b)}.fd-object-status--inverted.fd-object-status--indication-5b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-5b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-6b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_6b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_6b)}.fd-object-status--inverted.fd-object-status--indication-6b:active,.fd-object-status--inverted.fd-object-status--indication-6b:hover,.fd-object-status--inverted.fd-object-status--indication-6b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_6b)}.fd-object-status--inverted.fd-object-status--indication-6b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-6b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-7b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_7b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_7b)}.fd-object-status--inverted.fd-object-status--indication-7b:active,.fd-object-status--inverted.fd-object-status--indication-7b:hover,.fd-object-status--inverted.fd-object-status--indication-7b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_7b)}.fd-object-status--inverted.fd-object-status--indication-7b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-7b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-8b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_8b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_8b)}.fd-object-status--inverted.fd-object-status--indication-8b:active,.fd-object-status--inverted.fd-object-status--indication-8b:hover,.fd-object-status--inverted.fd-object-status--indication-8b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_8b)}.fd-object-status--inverted.fd-object-status--indication-8b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-8b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-9b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_9b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_9b)}.fd-object-status--inverted.fd-object-status--indication-9b:active,.fd-object-status--inverted.fd-object-status--indication-9b:hover,.fd-object-status--inverted.fd-object-status--indication-9b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_9b)}.fd-object-status--inverted.fd-object-status--indication-9b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-9b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--indication-10b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_10b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_10b)}.fd-object-status--inverted.fd-object-status--indication-10b:active,.fd-object-status--inverted.fd-object-status--indication-10b:hover,.fd-object-status--inverted.fd-object-status--indication-10b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_10b)}.fd-object-status--inverted.fd-object-status--indication-10b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-10b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)}.fd-object-status--inverted.fd-object-status--large{--fdObjectStatus_Text_Font_Size:1.25rem;--fdObjectStatus_Icon_Font_Size:1.5rem;--fdObjectStatus_Height:1.5rem;--fdObjectStatus_Text_Font_Family:var(--fdObjectStatus_Inverted_Large_Font_Family);height:auto;max-height:none;min-width:1.75rem;-ms-flex-item-align:center;align-self:center;padding-block:.0625rem;padding-inline:.25rem}.fd-object-status--inverted.fd-object-status--large .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--large .fd-object-status__text{line-height:var(--fdObjectStatus_Height)}.fd-object-status--inverted.fd-object-status--link{cursor:pointer;--fdObjectStatus_Text_Decoration:none;--fdObjectStatus_Text_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Inverted_Neutral_Background_Regular);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Inverted_Neutral_Border_Color_Regular)}.fd-object-status--inverted.fd-object-status--link:active .fd-object-status__text,.fd-object-status--inverted.fd-object-status--link:hover .fd-object-status__text,.fd-object-status--inverted.fd-object-status--link:visited .fd-object-status__text{--fdObjectStatus_Text_Decoration:none}.fd-object-status--inverted.fd-object-status--link:visited{--fdObjectStatus_Text_Color:var(--sapTextColor);--fdObjectStatus_Icon_Color:var(--sapTextColor);--fdObjectStatus_Background_Color:var(--sapNeutralBackground);--fdObjectStatus_Border_Color:var(--sapNeutralBorderColor)}.fd-object-status--inverted.fd-object-status--link.is-focus,.fd-object-status--inverted.fd-object-status--link:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.is-hover,.fd-object-status--inverted.fd-object-status--link:hover{--fdObjectStatus_Text_Color:var(--sapButton_Neutral_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Neutral_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Neutral_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Neutral_Hover_BorderColor)}.fd-object-status--inverted.fd-object-status--link.is-active,.fd-object-status--inverted.fd-object-status--link:active{--fdObjectStatus_Text_Color:var(--sapButton_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Neutral_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Neutral_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive{--fdObjectStatus_Text_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:visited{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:hover{--fdObjectStatus_Text_Color:var(--sapButton_Success_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_Hover_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:active{--fdObjectStatus_Text_Color:var(--sapButton_Accept_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Accept_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:visited{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:hover{--fdObjectStatus_Text_Color:var(--sapButton_Critical_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_Hover_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:active{--fdObjectStatus_Text_Color:var(--sapButton_Attention_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Attention_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative{--fdObjectStatus_Text_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Background_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Border_Color: }.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:hover{--fdObjectStatus_Text_Color:var(--sapButton_Negative_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_Hover_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:active{--fdObjectStatus_Text_Color:var(--sapButton_Reject_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Reject_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative{--fdObjectStatus_Text_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:hover{--fdObjectStatus_Text_Color:var(--sapButton_Information_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_Hover_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:active{--fdObjectStatus_Text_Color:var(--sapButton_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_1);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_2);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_3);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_4);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_5);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_6);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_7);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_8);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_9);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_10);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_1b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_1b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_1b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_1b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_2b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_2b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_2b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_2b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_3b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_3b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_3b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_3b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_4b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_4b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_4b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_4b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_5b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_5b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_5b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_5b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_6b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_6b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_6b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_6b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_7b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_7b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_7b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_7b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_8b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_8b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_8b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_8b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_9b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_9b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_9b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_9b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_10b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_10b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_10b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_10b)}.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)}.fd-object-status--truncate .fd-object-status__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/* Auto-generated from fundamental-styles sap_horizon_dark.css */
-/* Run: npx tsx scripts/generate-dark-theme.ts to regenerate */
-
-html.dark {
-  --btp-Blue1:#0c225f;
-  --btp-Blue2:#0e3382;
-  --btp-Blue3:#003ca8;
-  --btp-Blue4:#0052c4;
-  --btp-Blue5:#0070f2;
-  --btp-Blue6:#118cff;
-  --btp-Blue7:#33a6ff;
-  --btp-Blue8:#5cc0ff;
-  --btp-Blue9:#8dd8ff;
-  --btp-Blue10:#bbe7ff;
-  --btp-Blue11:#e5f6ff;
-  --btp-Grey1:#1e2833;
-  --btp-Grey2:#29394b;
-  --btp-Grey3:#2f4763;
-  --btp-Grey4:#415c76;
-  --btp-Grey5:#5b7996;
-  --btp-Grey6:#778ea6;
-  --btp-Grey7:#92a2b1;
-  --btp-Grey8:#b3bdc6;
-  --btp-Grey9:#c9cfd4;
-  --btp-Grey10:#dee1e4;
-  --btp-Grey11:#f3f3f5;
-  --btp-Green1:#0c2d16;
-  --btp-Green2:#164120;
-  --btp-Green3:#194f2a;
-  --btp-Green4:#226635;
-  --btp-Green5:#188818;
-  --btp-Green6:#35a01c;
-  --btp-Green7:#57b520;
-  --btp-Green8:#81cb24;
-  --btp-Green9:#a4e058;
-  --btp-Green10:#d5ea91;
-  --btp-Green11:#e8f3c3;
-  --btp-Mango1:#2e2703;
-  --btp-Mango2:#4a3502;
-  --btp-Mango3:#5d4002;
-  --btp-Mango4:#7a5102;
-  --btp-Mango5:#a36a01;
-  --btp-Mango6:#c77b00;
-  --btp-Mango7:#d89101;
-  --btp-Mango8:#efab01;
-  --btp-Mango9:#f4ca55;
-  --btp-Mango10:#f9df8c;
-  --btp-Mango11:#fdeeb0;
-  --btp-Red1:#570000;
-  --btp-Red2:#770606;
-  --btp-Red3:#8f0707;
-  --btp-Red4:#b50808;
-  --btp-Red5:#ec0707;
-  --btp-Red6:#fd4848;
-  --btp-Red7:#ff758c;
-  --btp-Red8:#ffa0bf;
-  --btp-Red9:#ffbcd8;
-  --btp-Red10:#ffd5ea;
-  --btp-Red11:#fff0f7;
-  --btp-Teal1:#042c2b;
-  --btp-Teal2:#054039;
-  --btp-Teal3:#034f48;
-  --btp-Teal4:#036559;
-  --btp-Teal5:#048570;
-  --btp-Teal6:#029e84;
-  --btp-Teal7:#0ab592;
-  --btp-Teal8:#1ecdaf;
-  --btp-Teal9:#6de3c2;
-  --btp-Teal10:#8cf4d6;
-  --btp-Teal11:#bbfaed;
-  --btp-Indigo1:#231570;
-  --btp-Indigo2:#331c9f;
-  --btp-Indigo3:#4316ca;
-  --btp-Indigo4:#591ffa;
-  --btp-Indigo5:#7757ff;
-  --btp-Indigo6:#9075ff;
-  --btp-Indigo7:#ac8dff;
-  --btp-Indigo8:#c6a8ff;
-  --btp-Indigo9:#dcc4ff;
-  --btp-Indigo10:#e5dcff;
-  --btp-Indigo11:#f0ebff;
-  --btp-Pink1:#3a0962;
-  --btp-Pink2:#580787;
-  --btp-Pink3:#72009c;
-  --btp-Pink4:#9700b7;
-  --btp-Pink5:#c0d;
-  --btp-Pink6:#f028ea;
-  --btp-Pink7:#f764f3;
-  --btp-Pink8:#ff8ff1;
-  --btp-Pink9:#ffb9ef;
-  --btp-Pink10:#ffd5f1;
-  --btp-Pink11:#ffe6fa;
-  --btp-Raspberry1:#4e0536;
-  --btp-Raspberry2:#6e064b;
-  --btp-Raspberry3:#8a0152;
-  --btp-Raspberry4:#ae0565;
-  --btp-Raspberry5:#e21279;
-  --btp-Raspberry6:#fa418e;
-  --btp-Raspberry7:#ff6fa0;
-  --btp-Raspberry8:#ff98b6;
-  --btp-Raspberry9:#ffbec9;
-  --btp-Raspberry10:#ffd7dd;
-  --btp-Raspberry11:#ffe8ec;
-  --btp-Cyan1:#062845;
-  --btp-Cyan2:#063d5b;
-  --btp-Cyan3:#074b66;
-  --btp-Cyan4:#06617d;
-  --btp-Cyan5:#09819e;
-  --btp-Cyan6:#0599b8;
-  --btp-Cyan7:#00afcf;
-  --btp-Cyan8:#08c8e4;
-  --btp-Cyan9:#61e6f6;
-  --btp-Cyan10:#a6ecf8;
-  --btp-Cyan11:#caf5fc;
-  --btp-Hazelnut1:#362317;
-  --btp-Hazelnut2:#552f10;
-  --btp-Hazelnut3:#673a17;
-  --btp-Hazelnut4:#854a20;
-  --btp-Hazelnut5:#b26026;
-  --btp-Hazelnut6:#cd7537;
-  --btp-Hazelnut7:#d5915a;
-  --btp-Hazelnut8:#daad73;
-  --btp-Hazelnut9:#e3cca0;
-  --btp-Hazelnut10:#efe0be;
-  --btp-Hazelnut11:#f7edd0;
-  --fdSwitch_Compact_Width:2rem;
-  --fdSwitch_Compact_Height:1.25rem;
-  --fdSwitch_Compact_Handle_Width:1.25rem;
-  --fdSwitch_Compact_Handle_Height:1rem;
-  --fdSwitch_Active_Handle_Offset:0.5075rem;
-  --fdSwitch_Compact_Handle_Offset:-0.8125rem;
-  --fdSwitch_Compact_Padding_Block:0.375rem;
-  --fdSwitch_Track_Background:var(--sapButton_Track_Background);
-  --fdSwitch_Handle_Border_Width:0.125rem;
-  --fdSwitch_On_Hover_Slider_Background:var(--sapButton_Track_Hover_Background);
-  --fdSwitch_On_Hover_Slider_Border:var(--sapButton_Track_Hover_Background);
-  --fdSwitch_On_Hover_Slider_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Hover_BorderColor);
-  --fdSwitch_On_Hover_Slider_Active_Background:var(--sapButton_Track_Selected_Hover_Background);
-  --fdSwitch_On_Hover_Slider_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Selected_Hover_BorderColor);
-  --fdSwitch_Border_Width:0;
-  --fdSwitch_Width:2.5rem;
-  --fdSwitch_Height:1.5rem;
-  --fdSwitch_Border_Radius:0.75rem;
-  --fdSwitch_Handle_Width:1.5rem;
-  --fdSwitch_Handle_Height:1.25rem;
-  --fdSwitch_Handle_Border_Radius:0.75rem;
-  --fdSwitch_Handle_Active_Color:var(--sapButton_Handle_Selected_TextColor);
-  --fdSwitch_Handle_Inactive_Color:var(--sapButton_Handle_TextColor);
-  --fdSwitch_Handle_Background:var(--sapButton_Handle_Background);
-  --fdSwitch_Hover_Handle_Background:var(--sapButton_Handle_Selected_Hover_Background);
-  --fdSwitch_Hover_Handle_Active_Background:var(--sapButton_Handle_Selected_Hover_Background);
-  --fdSwitch_Handle_Offset:1.2475rem;
-  --fdSwitch_Compact_Active_Handle_Offset:-0.3125rem;
-  --fdSwitch_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_BorderColor);
-  --fdSwitch_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Selected_BorderColor);
-  --fdSwitch_Border_Color:transparent;
-  --fdSwitch_Border:none;
-  --fdSwitch_Slider_Box_Sizing:content-box;
-  --fdSwitch_Focus_Outline_Vertical_Offset:calc(var(--sapContent_FocusWidth)*-2);
-  --fdSwitch_Focus_Outline_Horizontal_Offset:calc(var(--sapContent_FocusWidth)*-2);
-  --fdSwitch_Focus_Outline_Border_Radius:calc(var(--fdSwitch_Border_Radius) + var(--sapContent_FocusWidth)*2);
-  --fdSwitch_Icon_Display:flex;
-  --fdSwitch_Text_Active_Color:var(--sapButton_Handle_Selected_TextColor);
-  --fdSwitch_Text_Inactive_Color:var(--sapButton_Handle_TextColor);
-  --fdSwitch_Handle_Border_Color:var(--sapButton_Track_BorderColor);
-  --fdSwitch_Handle_Hover_Border_Color:var(--sapButton_Handle_Hover_BorderColor);
-  --fdSwitch_Handle_Selected_Hover_Border_Color:var(--sapButton_Handle_Selected_Hover_BorderColor);
-  --fdSwitch_Semantic_Success_Border_Color:var(--sapButton_Track_Positive_BorderColor);
-  --fdSwitch_Semantic_Success_Background_Color:var(--sapButton_Track_Positive_Background);
-  --fdSwitch_Semantic_Hover_Success_Background_Color:var(--sapButton_Track_Positive_Hover_Background);
-  --fdSwitch_Semantic_Hover_Success_Border_Color:var(--sapButton_Track_Positive_Hover_BorderColor);
-  --fdSwitch_Semantic_Error_Background_Color:var(--sapButton_Track_Negative_Background);
-  --fdSwitch_Semantic_Error_Border_Color:var(--sapButton_Track_Negative_BorderColor);
-  --fdSwitch_Semantic_Hover_Error_Background_Color:var(--sapButton_Track_Negative_Hover_Background);
-  --fdSwitch_Semantic_Hover_Error_Border_Color:var(--sapButton_Track_Negative_Hover_BorderColor);
-  --fdSwitch_Semantic_Icon_Error_Color:var(--sapButton_Handle_Negative_TextColor);
-  --fdSwitch_Semantic_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_BorderColor);
-  --fdSwitch_Semantic_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_BorderColor);
-  --fdSwitch_Semantic_Hover_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_Hover_BorderColor);
-  --fdSwitch_Semantic_Hover_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_Hover_BorderColor);
-  --fdSwitch_Semantic_Width:var(--fdSwitch_Width);
-  --fdSwitch_Semantic_Height:var(--fdSwitch_Height);
-  --fdSwitch_Semantic_Error_Color:var(--sapButton_Track_Negative_BorderColor);
-  --fdSwitch_Semantic_Success_Color:var(--sapButton_Track_Positive_BorderColor);
-  --fdSwitch_Semantic_Hover_Error_Color:var(--sapButton_Track_Negative_BorderColor);
-  --fdSwitch_Semantic_Hover_Success_Color:var(--sapButton_Track_Positive_BorderColor);
-  --fdSwitch_Semantic_Handle_Offset:var(--fdSwitch_Handle_Offset);
-  --fdSwitch_Semantic_Handle_Active_Offset:var(--fdSwitch_Active_Handle_Offset);
-  --fdSwitch_Semantic_Handle_Box_Sizing:border-box;
-  --fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Error_Color);
-  --fdSwitch_Semantic_Handle_Error_Hover_Color:var(--fdSwitch_Semantic_Hover_Error_Color);
-  --fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Success_Color);
-  --fdSwitch_Semantic_Handle_Success_Hover_Color:var(--fdSwitch_Semantic_Hover_Success_Color);
-  --fdSwitch_Semantic_Slider_Error_Background_Color:var(--sapButton_Track_Negative_Background);
-  --fdSwitch_Semantic_Success_Handle_Background_Color:var(--sapButton_Handle_Positive_Background);
-  --fdSwitch_Semantic_Success_Handle_Hover_Background_Color:var(--sapButton_Handle_Positive_Hover_Background);
-  --fdSwitch_Semantic_Error_Handle_Background_Color:var(--sapButton_Handle_Negative_Background);
-  --fdSwitch_Semantic_Error_Handle_Hover_Background_Color:var(--sapButton_Handle_Negative_Hover_Background);
-  --fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Handle_Positive_BorderColor);
-  --fdSwitch_Semantic_Success_Handle_Hover_Border_Color:var(--sapButton_Handle_Positive_Hover_BorderColor);
-  --fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Handle_Negative_BorderColor);
-  --fdSwitch_Semantic_Error_Handle_Hover_Border_Color:var(--sapButton_Handle_Negative_Hover_BorderColor);
-  --fdSwitch_Semantic_Icon_Position:absolute;
-  --fdSwitch_Icon_Size:var(--sapFontLargeSize);
-  --fdSwitch_Icon_Error_Margin:0 0;
-  --fdSwitch_Icon_Success_Margin:0 0;
-  --fdSwitch_Compact_Icon_Size:var(--sapFontSize);
-  --fdSwitch_Compact_Semantic_Width:var(--fdSwitch_Compact_Width);
-  --fdSwitch_Compact_Semantic_Height:var(--fdSwitch_Compact_Height);
-  --fdSwitch_Compact_Semantic_Handle_Width:var(--fdSwitch_Compact_Handle_Width);
-  --fdSwitch_Compact_Semantic_Handle_Height:var(--fdSwitch_Compact_Handle_Height);
-  --fdSwitch_Compact_Semantic_Handle_Offset:-0.8125rem;
-  --fdSwitch_Compact_Semantic_Active_Handle_Offset:var(--fdSwitch_Compact_Active_Handle_Offset);
-  --fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl:var(--fdSwitch_Compact_Handle_Offset);
-  --fdSwitch_Text_Width:2.875rem;
-  --fdSwitch_Text_Handle_Width:1.75rem;
-  --fdSwitch_Text_Handle_Offset:-1.125rem;
-  --fdSwitch_Text_Handle_Active_Offset:-0.25rem;
-  --fdSwitch_Compact_Text_Width:2.75rem;
-  --fdSwitch_Compact_Text_Height:1.25rem;
-  --fdSwitch_Compact_Text_Handle_Width:1.75rem;
-  --fdSwitch_Compact_Text_Handle_Offset:-0.5625rem;
-  --fdSwitch_Compact_Text_Handle_Active_Offset:0.1875rem;
-  --fdButton_Height:var(--sapElement_Height);
-  --fdButton_Compact_Height:var(--sapElement_Compact_Height);
-  --fdButton_Emphasized_Active_Outline:var(--sapContent_FocusColor);
-  --fdButton_Ghost_Background:var(--sapButton_Background);
-  --fdButton_Outline_Contrast:var(--sapContent_FocusColor);
-  --fdButton_Outline_Offset:var(--sapButton_BorderWidth);
-  --fdButton_Focus_Border_Radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));
-  --fdButton_Text_Shadow:none;
-  --fdButton_Hover_Shadow:none;
-  --fdButton_Border_Radius_Left:var(--sapButton_BorderCornerRadius);
-  --fdButton_Border_Radius_Left_RTL:var(--sapButton_BorderCornerRadius);
-  --fdButton_Border_Radius_Right:var(--sapButton_BorderCornerRadius);
-  --fdButton_Border_Radius_Right_RTL:var(--sapButton_BorderCornerRadius);
-  --fdButton_Border_Radius_Outline_Left:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));
-  --fdButton_Border_Radius_Outline_Left_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));
-  --fdButton_Border_Radius_Outline_Right:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));
-  --fdButton_Border_Radius_Outline_Right_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));
-  --fdButton_Vertical_Border_Radius_Left:var(--fdButton_Border_Radius_Left);
-  --fdButton_Vertical_Border_Radius_Right:var(--fdButton_Border_Radius_Left);
-  --fdButton_Segmented_Pad_Display:block;
-  --fdButton_Segmented_Border_Offset:0;
-  --fdButton_Menu_Offset:0;
-  --fdButton_Menu_Emphasized_Margin:0;
-  --fdButton_Menu_Border_Radius:var(--sapPopover_BorderCornerRadius);
-  --fdButton_Menu_Separator_Display:block;
-  --fdButton_Menu_Transparent_Separator_Height:1rem;
-  --fdButton_Menu_Transparent_Separator_Display:block;
-  --fdButton_Menu_Emphasized_Separator_Display:block;
-  --fdButton_Menu_Emphasized_Hover_Separator_Display:none;
-  --fdButton_Menu_Transparent_Border_Color:transparent;
-  --fdButton_Menu_Default_Shadow_Color:var(--sapButton_BorderColor);
-  --fdButton_Menu_Emphasized_Shadow_Color:var(--sapButton_Emphasized_BorderColor);
-  --fdButton_Menu_Positive_Shadow_Color:var(--sapButton_Accept_BorderColor);
-  --fdButton_Menu_Negative_Shadow_Color:var(--sapButton_Reject_BorderColor);
-  --fdButton_Menu_Attention_Shadow_Color:var(--sapButton_Attention_BorderColor);
-  --fdButton_ToolHeader_Color_Normal:var(--sapShell_InteractiveTextColor);
-  --fdButton_ToolHeader_Color_Active:var(--sapContent_IconColor);
-  --fdButton_ToolHeader_Background_Hover:var(--sapButton_Lite_Hover_Background);
-  --fdButton_ToolHeader_Background_Active:var(--sapActiveColor);
-  --fdButton_ToolHeader_Border_Color_Normal:transparent;
-  --fdButton_ToolHeader_Border_Color_Hover:transparent;
-  --fdButton_ToolHeader_Border_Color_Active:transparent;
-  --fdButton_ToolHeader_Border_Color_Focus:transparent;
-  --fdButton_ToolHeader_Border_Color_Disabled:transparent;
-  --fdButton_ToolHeader_Border_Radius_Focus:0.375rem;
-  --fdButton_ToolHeader_Badge_Border_Color:var(--sapShellColor);
-  --fdButton_ToolHeader_Outline_Color:var(--sapContent_FocusColor);
-  --fdButton_ToolHeader_Button_Size:2.5rem;
-  --fdButton_ToolHeader_Button_Size_Compact:2rem;
-  --fdButton_ToolHeader_Button_Border_Radius:0.375rem;
-  --fdButton_Nested_Color_Active:var(--sapContent_IconColor);
-  --fdButton_Nested_Background_Active:var(--sapActiveColor);
-  --fdButton_Nested_Background_Focus:var(--sapButton_Background);
-  --fdButton_Nested_Border_Color_Normal:transparent;
-  --fdButton_Nested_Border_Color_Hover:transparent;
-  --fdButton_Nested_Border_Color_Active:transparent;
-  --fdButton_Nested_Border_Color_Focus:transparent;
-  --fdButton_Nested_Border_Color_Disabled:transparent;
-  --fdButton_Nested_Border_Radius_Focus:0.75rem;
-  --fdButton_Split_Border_Color:transparent;
-  --fdButton_Split_Background_Color:transparent;
-  --fdGrid_List_Item_Hover_Border_Color:var(--sapTile_Interactive_BorderColor);
-  --fdGrid_List_Item_Border_Radius:var(--sapTile_BorderCornerRadius);
-  --fdGrid_List_Item_Toolbar_Shadow:none;
-  --fdGrid_List_Item_Focus_Box_Shadow:inset 0 0 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor);
-  --fdGrid_List_Item_Focus_Border:0.1775rem solid var(--sapList_Background);
-  --fdGrid_List_Item_Focus_Outline_Offset:0;
-  --fdIconTabBar_Overflow_Button_Background:var(--sapButton_Background);
-  --fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_BorderColor);
-  --fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color);
-  --fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color);
-  --fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Color);
-  --fdIconTabBar_Tag_Icon_Color:var(--fdIcon_Tab_Bar_Label_Color);
-  --fdIconTabBar_Tag_Icon_Content:"";
-  --fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color);
-  --fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Icon_Border_Color);
-  --fdIconTabBar_Icon_Background:transparent;
-  --fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Selection_Bar_Color);
-  --fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Badge_Color);
-  --fdIconTabBar_Badge_Background_After:var(--sapContent_BadgeBackground);
-  --fdIconTabBar_Arrow_Color:var(--sapTextColor);
-  --fdIconTabBar_Multi_Click_Separator_Background:var(--sapTextColor);
-  --fdIcon_Tab_Bar_Selection_Bar_Height:0.188rem;
-  --fdIcon_Tab_Bar_Selection_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdIcon_Tab_Bar_Selection_Bar_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdIcon_Tab_Bar_Icon_Border_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdIcon_Tab_Bar_Semantic_Icon_Display:none;
-  --fdIcon_Tab_Bar_Semantic_Color_Positive:var(--sapPositiveElementColor);
-  --fdIcon_Tab_Bar_Semantic_Color_Negative:var(--sapNegativeElementColor);
-  --fdIcon_Tab_Bar_Semantic_Color_Critical:var(--sapCriticalElementColor);
-  --fdIcon_Tab_Bar_Semantic_Color_Informative:var(--sapInformativeElementColor);
-  --fdIcon_Tab_Bar_Semantic_Background_Color_Positive:var(--sapPositiveElementColor);
-  --fdIcon_Tab_Bar_Semantic_Background_Color_Negative:var(--sapNegativeElementColor);
-  --fdIcon_Tab_Bar_Semantic_Background_Color_Critical:var(--sapCriticalElementColor);
-  --fdIcon_Tab_Bar_Semantic_Background_Color_Informative:var(--sapInformativeElementColor);
-  --fdIcon_Tab_Bar_Badge_Color:var(--sapContent_BadgeBackground);
-  --fdIcon_Tab_Bar_Semantic_Badge_Color_Positive:var(--sapPositiveElementColor);
-  --fdIcon_Tab_Bar_Semantic_Badge_Color_Negative:var(--sapNegativeElementColor);
-  --fdIcon_Tab_Bar_Semantic_Badge_Color_Critical:var(--sapCriticalElementColor);
-  --fdIcon_Tab_Bar_Semantic_Badge_Color_Informative:var(--sapInformativeElementColor);
-  --fdIcon_Tab_Bar_Overflow_Button_Hover_Box_Shadow:var(--sapContent_Interaction_Shadow);
-  --fdIcon_Tab_Bar_Overflow_Button_Focus_Offset:-0.25rem;
-  --fdIcon_Tab_Bar_Overflow_Button_Border_Radius:1rem;
-  --fdIcon_Tab_Bar_Overflow_Button_Font_Family:var(--sapFontBoldFamily);
-  --fdIcon_Tab_Bar_Overflow_Button_Text_Color:var(--sapTextColor);
-  --fdIcon_Tab_Bar_Overflow_Button_Icon_Color:var(--sapTextColor);
-  --fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover:var(--sapTextColor);
-  --fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover:var(--sapTextColor);
-  --fdIcon_Tab_Bar_Inactive_Tab_Icon_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdIcon_Tab_Bar_Label_Color:var(--sapTextColor);
-  --fdIcon_Tab_Bar_Label_Hover_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdIcon_Tab_Bar_Label_Font_Family:var(--sapFontBoldFamily);
-  --fdIcon_Tab_Bar_Text_Focus_Radius:0.375rem;
-  --fdIcon_Tab_Bar_Icon_Focus_Radius:50%;
-  --fdIcon_Tab_Bar_Focus_Offset:-0.25rem;
-  --fdIcon_Tab_Bar_Icon_Border_Weight:0.125rem;
-  --fdIcon_Tab_Bar_Icon_Focus_Offset:-0.3125rem;
-  --fdIcon_Tab_Bar_Separator_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdIcon_Tab_Bar_Single_Click_Icon_Container_Width:1.5rem;
-  --fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left:0.25rem;
-  --fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right:0;
-  --fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display:block;
-  --fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius:0.25rem;
-  --fdIconTabBar_Overflow_Button_Shell_Background:var(--sapButton_Background);
-  --fdIconTabBar_Overflow_Button_Shell_Border_Color:var(--sapButton_BorderColor);
-  --fdIconTabBar_Overflow_Button_Shell_Text_Color:var(--sapTextColor);
-  --fdIconTabBar_Overflow_Button_Shell_Icon_Color:var(--sapTextColor);
-  --fdIconTabBar_Overflow_Button_Shell_Background_Hover:var(--sapButton_Hover_Background);
-  --fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover:var(--sapButton_Hover_BorderColor);
-  --fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover:var(--sapTextColor);
-  --fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover:var(--sapTextColor);
-  --fdIconTabBar_Overflow_Button_Shell_Background_Active:var(--sapButton_Active_Background);
-  --fdIconTabBar_Overflow_Button_Shell_Border_Color_Active:var(--sapButton_Active_BorderColor);
-  --fdIconTabBar_Overflow_Button_Shell_Text_Color_Active:var(--sapButton_Active_TextColor);
-  --fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active:var(--sapButton_Active_TextColor);
-  --fdIconTabBar_Overflow_Button_Shell_Focus_Color:var(--sapContent_FocusColor);
-  --fdIconTabBar_Button_Shell_Color:var(--sapTextColor);
-  --fdIconTabBar_Button_Shell_Color_Hover:var(--sapTextColor);
-  --fdIconTabBar_Button_Shell_Background_Color_Hover:var(--sapButton_Lite_Hover_Background);
-  --fdIconTabBar_Button_Shell_Color_Active:var(--sapContent_Selected_ForegroundColor);
-  --fdIconTabBar_Button_Shell_Background_Color_Active:var(--sapShell_Navigation_Active_Background);
-  --fdIconTabBar_Button_Shell_Color_Selected:var(--sapContent_Selected_ForegroundColor);
-  --fdIconTabBar_Button_Shell_Background_Color_Selected:var(--sapShell_Navigation_Background);
-  --fdIconTabBar_Button_Shell_Focus_Color:var(--sapContent_ContrastFocusColor);
-  --fdIconTabBar_Button_Active_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdIconTabBar_Button_Active_Focus_Color:var(--sapContent_FocusColor);
-  --fdTable_Header_Cell_Hover_Background:var(--sapList_Hover_Background);
-  --fdTable_Header_Cell_Active_Background:var(--sapList_Active_Background);
-  --fdTable_Header_Cell_Font_Weight:bold;
-  --fdTable_Header_Cell_Hover_Active_Color:var(--sapList_HeaderTextColor);
-  --fdTable_Header_Horizontal_Border:var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);
-  --fdTable_Group_Header_Background:var(--sapList_TableGroupHeaderBackground);
-  --fdTable_Border_Radius:0.5rem;
-  --fdTable_Condensed_Focus_Outline_Offset:-0.0625rem;
-  --fdDynamicPage_Title_Color:var(--sapObjectHeader_Title_TextColor);
-  --fdDynamicPage_Title_Font_Size:var(--sapObjectHeader_Title_FontSize);
-  --fdDynamicPage_Title_Collapsed_Font_Size:var(--sapObjectHeader_Title_SnappedFontSize);
-  --fdDynamicPage_Title_Font_Family:var(--sapObjectHeader_Title_FontFamily);
-  --fdDynamicPage_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor);
-  --fdDynamicPage_Button_Pin_Background:var(--sapObjectHeader_Background);
-  --fdScrollbar_Track_Color:var(--sapScrollBar_TrackColor);
-  --fdScrollbar_Thumb_Color:var(--sapScrollBar_FaceColor);
-  --fdScrollbar_Thumb_Hover_Color:var(--sapScrollBar_Hover_FaceColor);
-  --fdScrollbar_Dimension:var(--sapScrollBar_Dimension);
-  --fdScrollbar_Thumb_Border_Radius:var(--sapScrollBar_Dimension);
-  --fdScrollbar_Thumb_Offset:0.125rem;
-  --fdScrollbar_Border_Radius:var(--sapPopover_BorderCornerRadius);
-  --fdCard_Box_Shadow_Regular:var(--sapContent_Shadow0);
-  --fdCard_Box_Shadow_Hover:var(--sapContent_Shadow2);
-  --fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius);
-  --fdCard_Header_Border_Bottom:0.0625rem solid transparent;
-  --fdCard_Footer_Border_Top:0.0625rem solid transparent;
-  --fdCard_Border:0.0625rem solid var(--sapTile_BorderColor);
-  --fdCard_Counter_Margin:0.125rem;
-  --fdCard_Footer_Padding:0.75rem;
-  --fdCard_Footer_Actions_Item_Spacing:0.5rem;
-  --fdCard_Title_Font_Size:var(--sapFontHeader6Size);
-  --fdCard_Title_Font_Weight:bold;
-  --fdCard_Main_Header_Padding_Bottom:0.75rem;
-  --fdSlider_Track_Height:0.25rem;
-  --fdSlider_Track_BorderRadius:0.25rem;
-  --fdSlider_Tick_Height:0.5rem;
-  --fdSlider_Track_Background:var(--sapSlider_Background);
-  --fdSlider_Track_Border_Color:var(--sapSlider_BorderColor);
-  --fdSlider_Track_Border_Width:0;
-  --fdSlider_Track_Active_Background:var(--sapSlider_Selected_Background);
-  --fdSlider_Track_Active_Border:var(--sapSlider_Selected_BorderColor);
-  --fdSlider_Track_Active_Box_Shadow:none;
-  --fdSlider_Handle_Background:var(--sapSlider_HandleBackground);
-  --fdSlider_Handle_Border_Radius:0.5rem;
-  --fdSlider_Handle_Width:1.5rem;
-  --fdSlider_Handle_Height:1.25rem;
-  --fdSlider_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor);
-  --fdSlider_Handle_Border_Hover_Color:var(--sapSlider_Hover_HandleBorderColor);
-  --fdSlider_Handle_Active_Width:2.25rem;
-  --fdSlider_Handle_Active_Height:2rem;
-  --fdSlider_Handle_Icon_Display:block;
-  --fdSlider_Mobile_Handle_Width:2rem;
-  --fdSlider_Mobile_Handle_Height:1.5rem;
-  --fdSlider_Mobile_Handle_Active_Size:2.75rem;
-  --fdSlider_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground);
-  --fdSlider_Hover_Handle_Border:0.0625rem solid var(--sapSlider_Hover_HandleBorderColor);
-  --fdSlider_Active_Handle_Border:0.0625rem solid var(--sapSlider_Active_HandleBorderColor);
-  --fdSlider_Active_Handle_Background:var(--sapSlider_Active_HandleBackground);
-  --fdSlider_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);
-  --fdSlider_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
-  --fdSlider_Focus_Handle_Display:none;
-  --fdSlider_Range_Handle_Background:var(--sapSlider_RangeHandleBackground);
-  --fdSlider_Range_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor);
-  --fdSlider_Range_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground);
-  --fdSlider_Range_Hover_Handle_Border_Color:var(--sapSlider_Hover_HandleBorderColor);
-  --fdSlider_Range_Active_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);
-  --fdSlider_Range_Active_Handle_Border_Color:var(--sapContent_FocusColor);
-  --fdSlider_Range_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);
-  --fdSlider_Range_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
-  --fdSlider_Range_Track_Border_Radius:0.5rem;
-  --fdSlider_Focus_Handle_Outline_Color:transparent;
-  --fdSlider_Tick_Background:var(--sapContent_MeasureIndicatorColor);
-  --fdSlider_Active_Tick_Background:var(--sapSlider_Selected_BorderColor);
-  --fdSlider_Endpoint_Size:0.5rem;
-  --fdSlider_Endpoint_Background:var(--sapContent_MeasureIndicatorColor);
-  --fdSlider_Endpoint_Border:0.0625rem solid var(--sapContent_MeasureIndicatorColor);
-  --fdSlider_Endpoint_Active_Background:var(--sapSlider_Selected_Background);
-  --fdSlider_Endpoint_Active_Border:0.0625rem solid var(--sapContent_Selected_MeasureIndicatorColor);
-  --fdSlider_Focus_Range_Outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
-  --fdSplitter_Resizer_Border:none;
-  --fdSplitter_Resizer_Grip_Border_Width:0;
-  --fdSplitter_Resizer_Decoration_Background:var(--sapGroup_ContentBorderColor);
-  --fdSplitter_Pagination_Item_Border_Width:var(--sapButton_BorderWidth);
-  --fdInput_Box_Shadow_Hover:var(--sapField_Hover_Shadow);
-  --fdInput_Outline_Color:var(--sapField_Active_BorderColor);
-  --fdInput_Error_Background_Color_Hover:var(--sapField_Hover_Background);
-  --fdInput_Error_Box_Shadow_Hover:var(--sapField_InvalidShadow);
-  --fdInput_Error_Outline_Color:var(--sapField_InvalidColor);
-  --fdInput_Warning_Background_Color_Hover:var(--sapField_Hover_Background);
-  --fdInput_Warning_Box_Shadow_Hover:var(--sapContent_Critical_Shadow);
-  --fdInput_Warning_Outline_Color:var(--sapField_WarningColor);
-  --fdInput_Success_Background_Color_Hover:var(--sapField_Hover_Background);
-  --fdInput_Success_Box_Shadow_Hover:var(--sapContent_Positive_Shadow);
-  --fdInput_Success_Outline_Color:var(--sapField_SuccessColor);
-  --fdInput_Information_Background_Color_Hover:var(--sapField_Hover_Background);
-  --fdInput_Information_Box_Shadow_Hover:var(--sapContent_Informative_Shadow);
-  --fdInput_Information_Outline_Color:var(--sapField_InformationColor);
-  --fdInput_Non_Interactive_State_Placeholder_Color:var(--sapField_PlaceholderTextColor);
-  --fdInput_Group_Button_Border_Raduis:var(--sapField_BorderCornerRadius);
-  --fdInput_Group_Button_Background:transparent;
-  --fdInput_Group_Button_Text_Color:var(--sapField_TextColor);
-  --fdInput_Group_Button_Box_Shadow:var(--sapField_Hover_Shadow);
-  --fdInput_Group_Button_Hover_Background:transparent;
-  --fdInput_Group_Button_Hover_Text_Color:var(--sapField_TextColor);
-  --fdInput_Group_Button_Active_Background:transparent;
-  --fdInput_Group_Button_Active_Text_Color:var(--sapButton_Selected_TextColor);
-  --fdInput_Group_Button_Success_Active_Text_Color:var(--sapButton_Accept_Selected_TextColor);
-  --fdInput_Group_Button_Success_Active_Box_Shadow:var(--sapContent_Positive_Shadow);
-  --fdInput_Group_Button_Error_Active_Text_Color:var(--sapButton_Reject_Selected_TextColor);
-  --fdInput_Group_Button_Error_Active_Box_Shadow:var(--sapContent_Negative_Shadow);
-  --fdInput_Group_Button_Warning_Active_Text_Color:var(--sapButton_Attention_Selected_TextColor);
-  --fdInput_Group_Button_Warning_Active_Box_Shadow:var(--sapContent_Critical_Shadow);
-  --fdInput_Group_Button_Information_Active_Text_Color:var(--sapButton_Selected_TextColor);
-  --fdInput_Group_Button_Information_Active_Box_Shadow:var(--sapContent_Informative_Shadow);
-  --fdInput_Outline_Offset_Focus_Within:-0.125rem;
-  --fdInput_Outline_Border_Radius:0.2rem;
-  --fdWizard_Optional_Text_Color:var(--sapContent_LabelColor);
-  --fdWizard_Label_Font_Family:var(--sapFontBoldFamily);
-  --fdWizard_Label_Font_Weight:bold;
-  --fdWizard_Completed_Step_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdWizard_Completed_Step_Label_Color:var(--sapTextColor);
-  --fdWizard_Completed_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);
-  --fdWizard_Completed_Step_Icon_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdWizard_Current_Step_Color:var(--sapContent_ContrastTextColor);
-  --fdWizard_Current_Step_Label_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdWizard_Current_Step_Icon_Color:var(--sapContent_ContrastIconColor);
-  --fdWizard_Current_Step_Background_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdWizard_Current_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);
-  --fdWizard_Upcoming_Step_Color:var(--sapContent_LabelColor);
-  --fdWizard_Upcoming_Step_Icon_Color:var(--sapContent_LabelColor);
-  --fdWizard_Active_Step_Color:var(--sapContent_ContrastTextColor);
-  --fdWizard_Active_Step_Icon_Color:var(--sapContent_ContrastIconColor);
-  --fdWizard_Active_Step_Border_Color:var(--sapActiveColor);
-  --fdWizard_Connector_Active_Border_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdWizard_Content_Solid_Background:var(--sapShell_Background);
-  --fdWizard_Content_List_Background:var(--sapGroup_ContentBackground);
-  --fdWizard_Content_Transparent_Background:transparent;
-  --fdWizard_Selection_Bar_Height:0.188rem;
-  --fdWizard_Selection_Bar_Background:var(--sapSelectedColor);
-  --fdWizard_Step_Indicator_Margin_Right:0.5rem;
-  --fdWizard_Step_Content_Container_Background_Color:var(--sapGroup_ContentBackground);
-  --fdWizard_Step_Content_Container_Spacing:1rem;
-  --fdPanel_Border_Radius:var(--sapElement_BorderCornerRadius);
-  --fdPanel_Title_Font_Size:var(--sapGroup_Title_FontSize);
-  --fdPanel_Content_Background_Color:var(--sapGroup_ContentBackground);
-  --fdPanel_Margin_Bottom:0.5rem;
-  --fdPanel_Content_Border_Bottom_Color:transparent;
-  --fdCarousel_Pagination_Border:0.0625rem solid var(--sapList_BorderColor);
-  --fdCarousel_Dot_Size:0.25rem;
-  --fdCarousel_Dot_Margin:0.375rem;
-  --fdCarousel_Dot_Background:var(--sapContent_ForegroundBorderColor);
-  --fdCarousel_Dot_Selected_Background:var(--sapContent_Selected_ForegroundColor);
-  --fdCarousel_Dot_Border:0.0625rem solid var(--sapContent_ForegroundBorderColor);
-  --fdCarousel_Dot_Selected_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);
-  --fdFeed_List_Item_Background:var(--sapList_Background);
-  --fdFeed_List_Item_Padding:1rem 1rem 0.5rem;
-  --fdFeed_List_Item_Border_Top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
-  --fdFeed_List_Item_Border_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
-  --fdBusy_Indicator_Dot_Color:#0070f2;
-  --fdBusy_Indicator_Dot_Contrast_Color:var(--sapContent_ContrastIconColor);
-  --fdMenu_Active_State_Focus:var(--sapContent_FocusColor);
-  --fdMenu_Affordance_Arrow_Size:1rem;
-  --fdMenu_Shortcut_Color_Regular:var(--sapContent_LabelColor);
-  --fdMenu_Shortcut_Color_Active:var(--sapContent_LabelColor);
-  --fdMenu_Shortcut_Color_Selected:var(--sapContent_LabelColor);
-  --fdMenu_Shortcut_Color_Selected_Hover:var(--sapContent_LabelColor);
-  --fdMenu_Text_Color_Active:var(--sapList_TextColor);
-  --fdCheckbox_Tristate_Size:0.75rem;
-  --fdCheckbox_Tristate_Offset:0.3125rem;
-  --fdCheckbox_Tristate_Compact_Size:0.5rem;
-  --fdCheckbox_Tristate_Compact_Offset:0.25rem;
-  --fdCheckbox_Padding:0.6875rem;
-  --fdCheckbox_Compact_Padding:0.5rem;
-  --fdCheckbox_Dimensions:1.375rem;
-  --fdCheckbox_Compact_Dimensions:1rem;
-  --fdCheckbox_Background_Color:var(--sapField_Background);
-  --fdCheckbox_Hover_Background_Color:var(--sapContent_Selected_Hover_Background);
-  --fdCheckbox_Inner_Border_Width:var(--sapField_BorderWidth);
-  --fdCheckbox_Inner_Border_Style:var(--sapField_Selector_BorderStyle);
-  --fdCheckbox_Inner_Border_Color:var(--sapField_BorderColor);
-  --fdCheckbox_Check_Mark_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdCheckbox_Focus_Outline_Offset:0.25rem;
-  --fdCheckbox_Outline_Border_Radius:0.8rem;
-  --fdCheckbox_Compact_Outline_Border_Radius:0.5rem;
-  --fdCheckbox_Background_Color_Default:var(--sapField_Background);
-  --fdCheckbox_Inner_Border_Width_Default:var(--sapField_BorderWidth);
-  --fdCheckbox_Inner_Border_Style_Default:var(--sapField_Selector_BorderStyle);
-  --fdCheckbox_Inner_Border_Color_Default:var(--sapField_BorderColor);
-  --fdCheckbox_Check_Mark_Color_Default:var(--sapContent_Selected_ForegroundColor);
-  --fdCheckbox_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background);
-  --fdCheckbox_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth);
-  --fdCheckbox_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle);
-  --fdCheckbox_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor);
-  --fdCheckbox_Check_Mark_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor);
-  --fdCheckbox_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background);
-  --fdCheckbox_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth);
-  --fdCheckbox_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle);
-  --fdCheckbox_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor);
-  --fdCheckbox_Check_Mark_Color_ReadOnly:var(--sapField_TextColor);
-  --fdCheckbox_Background_Color_Error:var(--sapField_InvalidBackground);
-  --fdCheckbox_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth);
-  --fdCheckbox_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle);
-  --fdCheckbox_Inner_Border_Color_Error:var(--sapField_InvalidColor);
-  --fdCheckbox_Check_Mark_Color_Error:var(--sapField_InvalidColor);
-  --fdCheckbox_Background_Color_Error_Hover:var(--sapField_Hover_Background);
-  --fdCheckbox_Background_Color_Warning:var(--sapField_WarningBackground);
-  --fdCheckbox_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth);
-  --fdCheckbox_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle);
-  --fdCheckbox_Inner_Border_Color_Warning:var(--sapField_WarningColor);
-  --fdCheckbox_Check_Mark_Color_Warning:var(--sapField_WarningColor);
-  --fdCheckbox_Background_Color_Warning_Hover:var(--sapField_Hover_Background);
-  --fdCheckbox_Background_Color_Success:var(--sapField_SuccessBackground);
-  --fdCheckbox_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth);
-  --fdCheckbox_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle);
-  --fdCheckbox_Inner_Border_Color_Success:var(--sapField_SuccessColor);
-  --fdCheckbox_Check_Mark_Color_Success:var(--sapField_SuccessColor);
-  --fdCheckbox_Background_Color_Success_Hover:var(--sapField_Hover_Background);
-  --fdCheckbox_Background_Color_Information:var(--sapField_InformationBackground);
-  --fdCheckbox_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth);
-  --fdCheckbox_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle);
-  --fdCheckbox_Inner_Border_Color_Information:var(--sapField_InformationColor);
-  --fdCheckbox_Check_Mark_Color_Information:var(--sapField_InformationColor);
-  --fdCheckbox_Background_Color_Information_Hover:var(--sapField_Hover_Background);
-  --fdRadio_Inner_Circle_Diameter:1.375rem;
-  --fdRadio_Compact_Inner_Circle_Diameter:1rem;
-  --fdRadio_Outer_Circle_Padding:0.6875rem;
-  --fdRadio_Compact_Outer_Circle_Padding:0.5rem;
-  --fdRadio_Background_Color:var(--sapField_Background);
-  --fdRadio_Inner_Border_Width:var(--sapField_BorderWidth);
-  --fdRadio_Inner_Border_Style:var(--sapField_Selector_BorderStyle);
-  --fdRadio_Inner_Border_Color:var(--sapField_BorderColor);
-  --fdRadio_Active_Dot_Color:var(--sapContent_Selected_ForegroundColor);
-  --fdRadio_Hover_Background_Color:var(--sapContent_Selected_Hover_Background);
-  --fdRadio_Inner_Content_Size:0.75rem;
-  --fdRadio_Inner_Content_Size_Compact:0.5rem;
-  --fdRadio_Inner_Content_Padding:1rem;
-  --fdRadio_Inner_Content_Padding_Compact:0.75rem;
-  --fdRadio_Focus_Outline_Offset:0.25rem;
-  --fdRadio_Outline_Border_Radius:0.8rem;
-  --fdRadio_Compact_Outline_Border_radius:0.5rem;
-  --fdRadio_Background_Color_Default:var(--sapField_Background);
-  --fdRadio_Inner_Border_Width_Default:var(--sapField_BorderWidth);
-  --fdRadio_Inner_Border_Style_Default:var(-sapField_Selector_BorderStyle);
-  --fdRadio_Inner_Border_Color_Default:var(--sapField_BorderColor);
-  --fdRadio_Active_Dot_Color_Default:var(--sapContent_Selected_ForegroundColor);
-  --fdRadio_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background);
-  --fdRadio_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth);
-  --fdRadio_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle);
-  --fdRadio_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor);
-  --fdRadio_Active_Dot_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor);
-  --fdRadio_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background);
-  --fdRadio_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth);
-  --fdRadio_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle);
-  --fdRadio_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor);
-  --fdRadio_Active_Dot_Color_ReadOnly:var(--sapField_TextColor);
-  --fdRadio_Background_Color_Error:var(--sapField_InvalidBackground);
-  --fdRadio_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth);
-  --fdRadio_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle);
-  --fdRadio_Inner_Border_Color_Error:var(--sapField_InvalidColor);
-  --fdRadio_Active_Dot_Color_Error:var(--sapField_InvalidColor);
-  --fdRadio_Background_Color_Error_Hover:var(--sapField_Hover_Background);
-  --fdRadio_Background_Color_Warning:var(--sapField_WarningBackground);
-  --fdRadio_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth);
-  --fdRadio_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle);
-  --fdRadio_Inner_Border_Color_Warning:var(--sapField_WarningColor);
-  --fdRadio_Active_Dot_Color_Warning:var(--sapField_WarningColor);
-  --fdRadio_Background_Color_Warning_Hover:var(--sapField_Hover_Background);
-  --fdRadio_Background_Color_Success:var(--sapField_SuccessBackground);
-  --fdRadio_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth);
-  --fdRadio_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle);
-  --fdRadio_Inner_Border_Color_Success:var(--sapField_SuccessColor);
-  --fdRadio_Active_Dot_Color_Success:var(--sapField_SuccessColor);
-  --fdRadio_Background_Color_Success_Hover:var(--sapField_Hover_Background);
-  --fdRadio_Background_Color_Information:var(--sapField_InformationBackground);
-  --fdRadio_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth);
-  --fdRadio_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle);
-  --fdRadio_Inner_Border_Color_Information:var(--sapField_InformationColor);
-  --fdRadio_Active_Dot_Color_Information:var(--sapField_InformationColor);
-  --fdRadio_Background_Color_Information_Hover:var(--sapField_Hover_Background);
-  --fdLink_Text_Content_Decoration:var(--sapLink_TextDecoration);
-  --fdLink_Text_Content_Decoration_Subtle:underline;
-  --fdLink_Text_Content_Decoration_Subtle_Hover:none;
-  --fdLink_Text_Content_Decoration_Subtle_Active:underline;
-  --fdLink_Text_Content_Decoration_Hover:var(--sapLink_Hover_TextDecoration);
-  --fdLink_Text_Content_Decoration_Focus:underline;
-  --fdLink_Text_Content_Decoration_Active:var(--sapLink_Active_TextDecoration);
-  --fdLink_Text_Content_Decoration_Visited:var(--sapLink_TextDecoration);
-  --fdLink_Text_Content_Decoration_Disabled:var(--sapLink_TextDecoration);
-  --fdLink_Text_Focus_Color:var(--sapContent_ContrastTextColor);
-  --fdLink_Focus_Background:var(--sapContent_FocusColor);
-  --fdLink_Focus_Border_Radius:0.125rem;
-  --fdLink_Focus_Text_Shadow:none;
-  --fdLink_Hover_Outline_Offset:0;
-  --fdLink_Hover_Outline_Width:0;
-  --fdLink_Hover_Outline_Color:unset;
-  --fdLink_Hover_Outline_Style:none;
-  --fdLink_Display:inline-flex;
-  --fdLink_Icon_Spacing:0.125rem;
-  --fdVerticalNav_Border_Corner_Radius:var(--sapElement_BorderCornerRadius);
-  --fdVerticalNav_Icon_Color:var(--sapHighlightColor);
-  --fdVerticalNav_Item_Expanded_Box_Shadow:none;
-  --fdVerticalNav_Item_Expanded_Border_Radius:none;
-  --fdVerticalNav_Item_Expanded_Margin:0;
-  --fdVerticalNav_Item_Expanded_Padding_Left:0.75rem;
-  --fdVerticalNavigation_Indicator_Spacing:0;
-  --fdVerticalNav_Item_Expandable_Margin_Block:0;
-  --fdVerticalNav_Item_Border_Top_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
-  --fdVerticalNav_Expanded_Item_Margin_Left:-0.75rem;
-  --fdVerticalNav_Item_Text_Spacing:2.75rem;
-  --fdVerticalNav_Item_Focus_Outline_Offset:-0.3125rem;
-  --fdVerticalNav_Indicator_Height:2rem;
-  --fdVerticalNav_Item_Indicator_Top:0;
-  --fdVerticalNav_Item_Indicator_Height:2.75rem;
-  --fdVerticalNav_Item_Text_No_Icon_Margin:1rem;
-  --fdVerticalNav_Item_Child_Text_Color:var(--sapList_TextColor);
-  --fdVerticalNav_Item_Indicated_Outline_Offset:-0.375rem;
-  --fdRating_Indicator_Selected_Hover_Opacity:0.9;
-  --fdRating_Indicator_Display_Only_Selected_Color:var(--sapTextColor);
-  --fdRating_Indicator_Disabled_Selected_Color:var(--sapContent_RatedColor);
-  --fdRating_Indicator_Disabled_Unselected_Color:var(--sapContent_UnratedColor);
-  --fdRating_Indicator_Disabled_Control_Opacity:0.4;
-  --fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio:0.75;
-  --fdRating_Indicator_Border_Radius:0.25rem;
-  --fdRating_Indicator_Focus_Outline_Offset:0.125rem;
-  --fdSelect_Expanded_Button_Border_Left_Color:transparent;
-  --fdSelect_Expanded_Button_Border_Left_Color_Hover:transparent;
-  --fdTile_Border:0.0625rem solid var(--sapTile_BorderColor);
-  --fdTile_Hover_Box_Shadow:var(--sapContent_Shadow2);
-  --fdTile_Hover_Border:var(--fdTile_Border);
-  --fdTile_Title_Font_Size:var(--sapFontHeader6Size);
-  --fdTile_Title_Font_Weight:bold;
-  --fdSlide_Tile_Title_Font_Weight:bold;
-  --fdSlide_Tile_Title_Color:var(--sapTile_OverlayForegroundColor);
-  --fdSlide_Tile_Title_Text_Shadow:none;
-  --fdSlide_Tile_Background_Color:var(--sapTile_OverlayBackground);
-  --fdSlide_Tile_Background_Opacity:1;
-  --fdSlide_Tile_Indicator_Dot_Size:0.375rem;
-  --fdSlide_Tile_Indicator_Ative_Dot_Size:0.375rem;
-  --fdSlide_Tile_Indicator_Dot_Spacing:0.188rem;
-  --fdSlide_Tile_Indicator_Dot_Color:transparent;
-  --fdSlide_Tile_Indicator_Active_Dot_Color:var(--sapTile_OverlayForegroundColor);
-  --fdSlide_Tile_Indicator_Dot_Border:solid 0.0625rem var(--sapTile_OverlayForegroundColor);
-  --fdSlide_Tile_Indicator_Dot_Opacity:0.6;
-  --fdSlide_Tile_Indicator_Dot_Shadow:0 0 0.125rem var(--sapContent_ShadowColor);
-  --fdSlide_Tile_Indicator_Active_Dot_Border:none;
-  --fdSlide_Tile_Indicator_Active_Dot_Shadow:0 0 0.063rem var(--sapContent_ShadowColor);
-  --fdProgress_Indicator_Height:2rem;
-  --fdProgress_Indicator_Background_Color_Neutral:var(--sapProgress_Value_Background);
-  --fdProgress_Indicator_Background_Color_Informative:var(--sapProgress_Value_InformationBackground);
-  --fdProgress_Indicator_Background_Color_Positive:var(--sapProgress_Value_PositiveBackground);
-  --fdProgress_Indicator_Background_Color_Negative:var(--sapProgress_Value_NegativeBackground);
-  --fdProgress_Indicator_Background_Color_Critical:var(--sapProgress_Value_CriticalBackground);
-  --fdProgress_Indicator_Container_Background_Neutral:var(--sapProgress_Background);
-  --fdProgress_Indicator_Container_Background_Informative:var(--sapProgress_InformationBackground);
-  --fdProgress_Indicator_Container_Background_Positive:var(--sapProgress_PositiveBackground);
-  --fdProgress_Indicator_Container_Background_Negative:var(--sapProgress_NegativeBackground);
-  --fdProgress_Indicator_Container_Background_Critical:var(--sapProgress_CriticalBackground);
-  --fdProgress_Indicator_Container_Border_Neutral:var(--sapProgress_BorderColor);
-  --fdProgress_Indicator_Container_Border_Informative:var(--sapProgress_InformationBorderColor);
-  --fdProgress_Indicator_Container_Border_Positive:var(--sapProgress_PositiveBorderColor);
-  --fdProgress_Indicator_Container_Border_Critical:var(--sapProgress_CriticalBorderColor);
-  --fdProgress_Indicator_Container_Border_Negative:var(--sapProgress_NegativeBorderColor);
-  --fdProgress_Indicator_Border_Right:var(--fdProgress_Indicator_Progress_Bar_Border);
-  --fdProgress_Icon_Space_Before_Label:0;
-  --fdProgress_Icon_Informative:"";
-  --fdProgress_Icon_Positive:"";
-  --fdProgress_Icon_Negative:"";
-  --fdProgress_Icon_Critical:"";
-  --fdProgress_Icon_Color_Informative:var(--sapProgress_Value_InformationTextColor);
-  --fdProgress_Icon_Color_Positive:var(--sapProgress_Value_PositiveTextColor);
-  --fdProgress_Icon_Color_Critical:var(--sapProgress_Value_CriticalTextColor);
-  --fdProgress_Icon_Color_Negative:var(--sapProgress_Value_NegativeTextColor);
-  --fdProgress_Indicator_Container_Position:relative;
-  --fdProgress_Indicator_Container_Height:0.375rem;
-  --fdProgress_Indicator_Container_Margin_Block:1.25rem 0.375rem;
-  --fdProgress_Indicator_Container_Margin_Inline:0;
-  --fdProgress_Indicator_Container_Overflow:visible;
-  --fdProgress_Indicator_Progress_Bar_Border:0.0625rem solid;
-  --fdProgress_Indicator_Progress_Bar_Border_Color_Neutral:var(--sapProgress_Value_BorderColor);
-  --fdProgress_Indicator_Progress_Bar_Border_Color_Informative:var(--sapProgress_Value_InformationBorderColor);
-  --fdProgress_Indicator_Progress_Bar_Border_Color_Positive:var(--sapProgress_Value_PositiveBorderColor);
-  --fdProgress_Indicator_Progress_Bar_Border_Color_Negative:var(--sapProgress_Value_NegativeBorderColor);
-  --fdProgress_Indicator_Progress_Bar_Border_Color_Critical:var(--sapProgress_Value_CriticalBorderColor);
-  --fdProgress_Indicator_Progress_Bar_Height:0.625rem;
-  --fdProgress_Indicator_Progress_Bar_Margin_Block:-0.1875rem 0;
-  --fdProgress_Indicator_Progress_Bar_Border_Radius:0.5rem;
-  --fdProgress_Indicator_Progress_Bar_Position:absolute;
-  --fdProgress_Indicator_Progress_Bar_Position_Left:-0.0625rem;
-  --fdProgress_Indicator_Progress_Bar_Position_Bottom:-0.1875rem;
-  --fdProgress_Indicator_Progress_Bar_Boundary_Display:inline-block;
-  --fdProgress_Indicator_Progress_Bar_Popover_Control_Border:var(--fdProgress_Indicator_Progress_Bar_Border);
-  --fdProgress_Indicator_Label_Color:var(--sapField_TextColor);
-  --fdProgress_Indicator_Label_Color_Contrast:var(--sapField_TextColor);
-  --fdProgress_Indicator_Label_Margin_Start:0;
-  --fdProgress_Indicator_Label_Margin_End:0;
-  --fdProgress_Indicator_Label_Position:absolute;
-  --fdProgress_Indicator_Label_Font_Size:var(--sapProgress_FontSize);
-  --fdProgress_Indicator_Icon_Position:absolute;
-  --fdProgress_Indicator_Icon_Font_Size:var(--sapFontLargeSize);
-  --fdProgress_Indicator_Container_Width:calc(100% - 1.25rem);
-  --fdMessage_Box_Shadow:var(--sapContent_Shadow1);
-  --fdMessage_Border:none;
-  --fdMessage_Border_Radius:var(--sapPopover_BorderCornerRadius);
-  --fdMessage_Icon_Display:block;
-  --fdInfo_Label_Border_Color1:var(--sapAvatar_1_Background);
-  --fdInfo_Label_Border_Color2:var(--sapAvatar_2_Background);
-  --fdInfo_Label_Border_Color3:var(--sapAvatar_3_Background);
-  --fdInfo_Label_Border_Color4:var(--sapAvatar_4_Background);
-  --fdInfo_Label_Border_Color5:var(--sapAvatar_5_Background);
-  --fdInfo_Label_Border_Color6:var(--sapAvatar_6_Background);
-  --fdInfo_Label_Border_Color7:var(--sapAvatar_7_Background);
-  --fdInfo_Label_Border_Color8:var(--sapAvatar_8_Background);
-  --fdInfo_Label_Border_Color9:var(--sapAvatar_9_Background);
-  --fdInfo_Label_Border_Color10:var(--sapAvatar_10_Background);
-  --fdInfo_Label_Background_Color1:var(--sapAvatar_1_Background);
-  --fdInfo_Label_Background_Color2:var(--sapAvatar_2_Background);
-  --fdInfo_Label_Background_Color3:var(--sapAvatar_3_Background);
-  --fdInfo_Label_Background_Color4:var(--sapAvatar_4_Background);
-  --fdInfo_Label_Background_Color5:var(--sapAvatar_5_Background);
-  --fdInfo_Label_Background_Color6:var(--sapAvatar_6_Background);
-  --fdInfo_Label_Background_Color7:var(--sapAvatar_7_Background);
-  --fdInfo_Label_Background_Color8:var(--sapAvatar_8_Background);
-  --fdInfo_Label_Background_Color9:var(--sapAvatar_9_Background);
-  --fdInfo_Label_Background_Color10:var(--sapAvatar_10_Background);
-  --fdInfo_Label_Color1:var(--sapAvatar_1_TextColor);
-  --fdInfo_Label_Color2:var(--sapAvatar_2_TextColor);
-  --fdInfo_Label_Color3:var(--sapAvatar_3_TextColor);
-  --fdInfo_Label_Color4:var(--sapAvatar_4_TextColor);
-  --fdInfo_Label_Color5:var(--sapAvatar_5_TextColor);
-  --fdInfo_Label_Color6:var(--sapAvatar_6_TextColor);
-  --fdInfo_Label_Color7:var(--sapAvatar_7_TextColor);
-  --fdInfo_Label_Color8:var(--sapAvatar_8_TextColor);
-  --fdInfo_Label_Color9:var(--sapAvatar_9_TextColor);
-  --fdInfo_Label_Color10:var(--sapAvatar_10_TextColor);
-  --fdInfo_Label_Border_Radius:0.25rem;
-  --fdInfo_Label_Border_Radius_Display:0.1875rem;
-  --fdInfo_Label_Height:1.375rem;
-  --fdInfo_Label_Height_Display:1rem;
-  --fdFileUploaderButtonsSpacing:0.125rem;
-  --fdVariantManagementHeadingColor:var(--sapLinkColor);
-  --fdVariantManagementHeadingHoverColor:var(--sapLink_Hover_Color);
-  --fdVariantManagementHeadingActiveColor:var(--sapLink_Active_Color);
-  --fdShellbar_Height:3.25rem;
-  --fdShellbar_Shadow:inset 0 -0.0625rem 0 0 var(--sapShell_BorderColor);
-  --fdShellbar_Button_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor);
-  --fdShellbar_Button_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor);
-  --fdShellbar_Search_Border:none;
-  --fdShellbar_Search_Category_Border:none;
-  --fdShellbar_Search_Category_Border_width:0;
-  --fdShellbar_Search_Category_Offset_Left:0.25rem;
-  --fdShellbar_Search_Category_Offset_Right:var(--fdShellbar_Search_Category_Offset_Left);
-  --fdShellbar_Search_Category_Button_Hover_Background:var(--sapShell_Hover_Background);
-  --fdShellbar_Search_Hover_Category_Button_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);
-  --fdShellbar_Search_Input_Border:none;
-  --fdShellbar_Search_Container_Background:var(--sapShell_InteractiveBackground);
-  --fdShellbar_Search_Container_Hover_Background:var(--sapShell_Hover_Background);
-  --fdShellbar_Input_Background:var(--sapShell_InteractiveBackground);
-  --fdShellbar_Input_Hover_Background:var(--sapShell_Hover_Background);
-  --fdShellbar_Input_Color:var(--sapShell_InteractiveTextColor);
-  --fdShellbar_Input_Placeholder_Color:var(--sapField_PlaceholderTextColor);
-  --fdShellbar_Input_Border_Radius:1.125rem;
-  --fdShellbar_Input_Hover_Border_Color:var(--sapField_BorderColor);
-  --fdShellbar_Input_Addon_Dimension:1.75rem;
-  --fdShellbar_Input_Addon_Border_Width:var(--sapButton_BorderWidth);
-  --fdShellbar_Search_Hover_Background:var(--sapShell_Hover_Background);
-  --fdShellbar_Search_Height:1.75rem;
-  --fdShellbar_Search_Separator_Display:block;
-  --fdShellbar_Search_Button_Hover_Background:var(--fdShellbar_Input_Hover_Background);
-  --fdShellbar_Search_Active_Button_Background:var(--sapButton_Lite_Active_BorderColor);
-  --fdShellbar_Search_Active_Button_Hover_Background:var(--fdShellbar_Search_Active_Button_Background);
-  --fdShellbar_Search_Active_Button_Color:var(--sapButton_Emphasized_TextColor);
-  --fdShellbar_Active_Background:var(--sapShell_Active_Background);
-  --fdShellbar_Active_Shadow:0 0 0 0.125rem var(--sapButton_Lite_Active_BorderColor);
-  --fdShellbar_Search_Active_Outline:none;
-  --fdShellbar_Input_Border:none;
-  --fdShellbar_Input_Focus_Color:var(--sapShell_InteractiveTextColor);
-  --fdShellbar_Input_Focus_Background:transparent;
-  --fdShellbar_Input_Placeholder_Style:italic;
-  --fdShellbar_Button_Left_Border:0.0625rem solid var(--sapButton_Lite_Hover_BorderColor);
-  --fdShellbar_Input_Group_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_BorderColor),var(--sapField_BorderColor)) border-box;
-  --fdShellbar_Input_Group_Hover_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_Hover_BorderColor),var(--sapField_Hover_BorderColor)) border-box;
-  --fdShellbar_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_BorderColor);
-  --fdShellbar_Hover_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_Hover_BorderColor);
-  --fdShellbar_Helper_Display:block;
-  --fdShellbar_Search_Input_X_Padding:0.9rem;
-  --fdShellbar_Title_Color:var(--sapShell_SubBrand_TextColor);
-  --fdShellbar_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor);
-  --fdShellbar_Branding_Hover_Background:var(--sapShell_Hover_Background);
-  --fdShellbar_Branding_Active_Background:var(--sapButton_Lite_Active_Background);
-  --fdShellbar_Branding_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor);
-  --fdShellbar_Branding_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor);
-  --fdShellbar_Button_Outline_Color:var(--sapContent_FocusColor);
-  --fdShellbar_SearchField_Shadow:var(--sapField_Shadow);
-  --fdShellbar_SearchField_Border_Radius:1.125rem;
-  --fdShellbar_SearchField_Background_Color_Hover:var(--sapShell_Hover_Background);
-  --fdShellbar_SearchField_Background_Color_Active:var(--sapShell_Active_Background);
-  --fdShellbar_SearchField_Input_Border:none;
-  --fdShellbar_SearchField_Input_Border_Hover:none;
-  --fdShellbar_SearchField_Input_Border_Active:none;
-  --fdShellbar_SearchField_Input_Background_Regular:transparent;
-  --fdShellbar_SearchField_Input_Background_Hover:transparent;
-  --fdShellbar_SearchField_Input_Background_Active:transparent;
-  --fdShellbar_SearchField_Input_Background_Focus:transparent;
-  --fdShellbar_SearchField_Input_Outline:none;
-  --fdShellbar_SearchField_Input_Border_Radius:0;
-  --fdShellbar_SearchField_Input_Outline_Offset:0;
-  --fdShellbar_SearchField_Input_Padding_Inline:0.875rem 0.25rem;
-  --fdShellbar_SearchField_Input_Text_Color:var(--sapField_TextColor);
-  --fdShellbar_SearchField_Input_Placeholder_TextColor:var(--sapField_PlaceholderTextColor);
-  --fdShellbar_SearchField_Addon_Margin_Inline:0 0.25rem;
-  --fdShellbar_SearchField_Button_Width:1.75rem;
-  --fdShellbar_SearchField_Button_Height:1.625rem;
-  --fdShellbar_SearchField_Button_Border_Radius:1.063rem;
-  --fdShellbar_SearchField_Button_Focus_Inset:-0.0625rem;
-  --fdShellbar_SearchField_Submit_Button_Color:var(--sapButton_Emphasized_TextColor);
-  --fdShellbar_SearchField_Submit_Button_Background_Color:var(--sapButton_Emphasized_Background);
-  --fdShellbar_SearchField_Submit_Button_Background_Color_Hover:var(--sapButton_Emphasized_Hover_Background);
-  --fdShellbar_SearchField_Submit_Button_Border_Color:var(--sapButton_Emphasized_BorderColor);
-  --fdShellbar_SearchField_Submit_Button_Border_Color_Hover:var(--sapButton_Emphasized_Hover_BorderColor);
-  --fdShell_Search_Field_Category_Divider_Display:block;
-  --fdShell_Search_Field_Category_Margin_End:0;
-  --fdShell_Search_Dropdown_Height:1.75rem;
-  --fdShell_Search_Dropdown_Border_Radius:1.125rem;
-  --fdShell_Search_Dropdown_Button_Radius:1.125rem;
-  --fdShell_Search_Dropdown_Box_Shadow_Hover:var(--sapField_Hover_Shadow);
-  --fdShell_Search_Dropdown_Active_Background:var(--sapShell_Active_Background);
-  --fdShell_Search_Dropdown_Hover_Background:var(--sapShell_Hover_Background);
-  --fdShell_Search_Category_Border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
-  --fdGenericTag_Spacing_Outline_Offset:0;
-  --fdGenericTag_Icon_Color_Hover_Error:var(--sapNegativeElementColor);
-  --fdGenericTag_Icon_Color_Hover_Warning:var(--sapCriticalElementColor);
-  --fdGenericTag_Icon_Color_Hover_Success:var(--sapPositiveElementColor);
-  --fdGenericTag_Icon_Color_Hover_Information:var(--sapInformativeElementColor);
-  --fdGenericTag_Icon_Color_Hover_Neutral:var(--sapNeutralElementColor);
-  --fdGenericTag_Value_Color_Hover_Error:var(--sapNegativeTextColor);
-  --fdGenericTag_Value_Color_Hover_Warning:var(--sapCriticalTextColor);
-  --fdGenericTag_Value_Color_Hover_Success:var(--sapPositiveTextColor);
-  --fdGenericTag_Value_Color_Hover_Information:var(--sapInformativeTextColor);
-  --fdGenericTag_Value_Color_Hover_Neutral:var(--sapNeutralTextColor);
-  --fdGenericTag_Name_Color_Hover:var(--sapList_TextColor);
-  --fdFlexibleColumnLayout_Toggle_Image_Color:var(--sapHighlightColor);
-  --fdFlexibleColumnLayout_Border:solid 0.0625rem var(--sapGroup_ContentBorderColor);
-  --fdFlexibleColumnLayout_Background_Solid:var(--sapContent_ForegroundColor);
-  --fdFlexibleColumnLayout_Background_Translucent:var(--sapGroup_ContentBackground);
-  --fdFlexibleColumnLayout_Background_Transparent:transparent;
-  --fdAvatarRatio:2rem;
-  --fdAvatarFontSize:1rem;
-  --fdAvatarOffset:-0.125rem;
-  --fdAvatarBackgroundSize:cover;
-  --fdAvatarFontStretch:condensed;
-  --fdAvatarBorderColor:var(--fdAvatar_Border_Color);
-  --fdAvatarTextShadow:var(--fdAvatar_Text_Shadow);
-  --fdAvatarColor:var(--fdAvatar_Color);
-  --fdAvatarBackgroundColor:var(--fdAvatar_BackgroundColor);
-  --fdAvatarBorderRadius:var(--sapElement_BorderCornerRadius);
-  --fdAvatarBoxShadow:none;
-  --fdAvatarHoverBorderColor:var(--sapAvatar_6_TextColor);
-  --fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6);
-  --fdAvatarHoverBorder:0.0625rem solid var(--fdAvatarHoverBorderColor);
-  --fdAvatarZoomIconFontSize:0.75rem;
-  --fdAvatarZoomIconDimensions:1.125rem;
-  --fdAvatar_BackgroundColor:var(--sapAvatar_6_Background);
-  --fdAvatar_Border_Color:var(--sapAvatar_6_BorderColor);
-  --fdAvatar_Text_Shadow:none;
-  --fdAvatar_Color:var(--sapAvatar_6_TextColor);
-  --fdAvatar_Overflow_Border_Width:0.0625rem;
-  --fdAvatar_Thumbnail_BorderColor:transparent;
-  --fdAvatar_Focus_Outline_Offset:-0.3125rem;
-  --fdAvatar_Focus_Outline_Radius:0.9rem;
-  --fdAvatar_Focus_Outline_Radius_Circle:100%;
-  --fdAvatarGroupItemsSpacingX:0;
-  --fdAvatarGroupItemsGap:0;
-  --fdAvatarGroupItemsSpacingY:0;
-  --fdAvatarGroup_Focus_Outline_Radius:10rem;
-  --fdAvatarGroup_Focus_Outline_Offset:-0.25rem;
-  --fdMessagePopover_Trigger_Font_Weight:var(--sapButton_Emphasized_FontWeight);
-  --fdMessagePopover_Trigger_Border_Width:var(--sapButton_BorderWidth);
-  --fdMessagePopover_Active_Focus_Outline_Color:var(--sapContent_FocusColor);
-  --fdMessagePopover_Critical_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);
-  --fdMessagePopover_Critical_Hover_Text_Shadow:none;
-  --fdMessagePopover_Critical_Active_Text_Shadow:none;
-  --fdMessagePopover_Success_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);
-  --fdMessagePopover_Success_Hover_Text_Shadow:none;
-  --fdMessagePopover_Success_Active_Text_Shadow:none;
-  --fdMessagePopover_Negative_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);
-  --fdMessagePopover_Negative_Hover_Text_Shadow:none;
-  --fdMessagePopover_Negative_Active_Text_Shadow:none;
-  --fdMessagePopover_Information_Focus_Outline_Color:var(--sapContent_FocusColor);
-  --fdMessagePopover_Information_Regular_Text_Shadow:var(--sapContent_TextShadow);
-  --fdMessagePopover_Information_Regular_Background_Color:var(--sapButton_Information_Background);
-  --fdMessagePopover_Information_Regular_Color:var(--sapButton_Information_TextColor);
-  --fdMessagePopover_Information_Regular_Border_Color:var(--sapButton_Information_BorderColor);
-  --fdMessagePopover_Information_Hover_Text_Shadow:var(--sapContent_TextShadow);
-  --fdMessagePopover_Information_Hover_Background_Color:var(--sapButton_Information_Hover_Background);
-  --fdMessagePopover_Information_Hover_Color:var(--sapButton_Information_Hover_TextColor);
-  --fdMessagePopover_Information_Hover_Border_Color:var(--sapButton_Information_Hover_BorderColor);
-  --fdMessagePopover_Information_Active_Text_Shadow:var(--sapContent_TextShadow);
-  --fdMessagePopover_Information_Active_Background_Color:var(--sapButton_Information_Active_Background);
-  --fdMessagePopover_Information_Active_Color:var(--sapButton_Information_Active_TextColor);
-  --fdMessagePopover_Information_Active_Border_Color:var(--sapButton_Information_Active_BorderColor);
-  --fdToken_Text_Shadow:none;
-  --fdToken_Border_Radius:0.375rem;
-  --fdToken_Text_Color:var(--sapTextColor);
-  --fdToken_Background_Color_Hover:var(--sapButton_Hover_Background);
-  --fdToken_Border_Color_Hover:var(--sapButton_TokenBorderColor);
-  --fdToken_Outline_Offset:0.0625rem;
-  --fdToken_Outline_Offset_Compact:0;
-  --fdToken_Background_Color_Read_Only:var(--sapButton_TokenBackground);
-  --fdToken_Border_Color_Read_Only:var(--sapField_ReadOnly_BorderColor);
-  --fdToken_Border_Color_Selected_Focus:var(var(--sapContent_FocusColor));
-  --fdToken_Selected_Border:var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
-  --fdToken_Selected_Font_Family:var(--sapFontSemiboldDuplexFamily);
-  --fdToken_Selected_Border_BottomStyle:0 100%/100% 0.125rem no-repeat linear-gradient(0deg,#0064d9,#0064d9) border-box;
-  --fdToken_ReadOnly_Padding_Inline:0.3125rem;
-  --fdToken_Focus_Border_Radius:0.5rem;
-  --fdCalendar_Text_Wrapper_Border:0;
-  --fdCalendar_Text_Wrapper_Box_Sizing:content-box;
-  --fdCalendar_Text_Wrapper_Margin:0;
-  --fdCalendar_Text_Wrapper_Height:100%;
-  --fdCalendar_Text_Wrapper_After_Z:0;
-  --fdCalendar_Text_Border_Focus:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
-  --fdCalendar_Item_Legend_Top_Border:0;
-  --fdCalendar_Item_Legend_Bottom_Border_Radius:0.3125rem;
-  --fdCalendar_Item_Selected_Legend_Height:0.25rem;
-  --fdCalendar_Item_Today_Selected_Bottom_Radius:0.3125rem;
-  --fdCalendar_Item_Text_Active_Focus:none;
-  --fdCalendar_Item_Text_Wrapper_Height:0.25rem;
-  --fdStepInput_Button_Width_Cozy:2.25rem;
-  --fdStepInput_Button_Width_Compact:2rem;
-  --fdStepInput_Button_Width_Semantic_Cozy:2.25rem;
-  --fdStepInput_Button_Width_Semantic_Compact:2rem;
-  --fdObjectStatus_TextDecoration_Regular:underline;
-  --fdObjectStatus_TextDecoration_Hover:none;
-  --fdObjectStatus_TextDecoration_Down:none;
-  --fdObjectStatus_TextDecoration_Visited:underline;
-  --fdObjectStatus_TextDecoration_Focus:underline;
-  --fdObjectStatus_Focus_Background:var(--sapContent_FocusColor);
-  --fdObjectStatus_Focus_Border_Radius:0.125rem;
-  --fdObjectStatus_Focus_Outline:0.125rem solid var(--sapContent_FocusColor);
-  --fdObjectStatus_Positive_Color_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Positive_IconColor_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Critical_Color_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Critical_IconColor_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Negative_Color_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Negative_IconColor_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Informative_Color_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Informative_IconColor_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Neutral_Color_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Neutral_IconColor_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_1_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_2_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_3_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_4_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_5_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_6_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_7_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Accent_Color_8_Focus:var(--sapContent_ContrastTextColor);
-  --fdObjectStatus_Inverted_Border_Width:0.0625rem;
-  --fdObjectStatus_Inverted_Underline_Width:0.125rem;
-  --fdObjectStatus_Inverted_Min_Width:1.375rem;
-  --fdObjectStatus_Inverted_Padding_Block:0.1875rem;
-  --fdObjectStatus_Inverted_Padding_Inline:0.25rem;
-  --fdObjectStatus_Inverted_Line_Height:1.375rem;
-  --fdObjectStatus_Inverted_Border_Radius:var(--sapButton_BorderCornerRadius);
-  --fdObjectStatus_Inverted_Large_Font_Family:var(--sapFontSemiBoldFamily);
-  --fdObjectStatus_Inverted_Neutral_Background_Regular:var(--sapNeutralBackground);
-  --fdObjectStatus_Inverted_Neutral_Color_Regular:var(--sapTextColor);
-  --fdObjectStatus_Inverted_Neutral_Border_Color_Regular:var(--sapNeutralBorderColor);
-  --fdObjectStatus_Inverted_Box_Shadow:inset 0 0 0 0.125rem var(--sapContent_ContrastFocusColor);
-  --fdObjectStatus_Inverted_Outline_Color:var(--sapContent_FocusColor);
-  --fdObjectStatus_Inverted_Icon_Color_Selected_Negative:var(--sapNegativeElementColor);
-  --fdObjectStatus_Inverted_Icon_Color_Selected_Critical:var(--sapCriticalElementColor);
-  --fdObjectStatus_Inverted_Icon_Color_Selected_Positive:var(--sapPositiveElementColor);
-  --fdObjectStatus_Inverted_Icon_Color_Selected_Informative:var(--sapInformativeElementColor);
-  --fdObjectStatus_Active_Text_Indication_Color_1:var(--sapIndicationColor_1_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_2:var(--sapIndicationColor_2_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_3:var(--sapIndicationColor_3_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_4:var(--sapIndicationColor_4_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_5:var(--sapIndicationColor_5_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_6:var(--sapIndicationColor_6_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_7:var(--sapIndicationColor_7_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_8:var(--sapIndicationColor_8_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_9:var(--sapIndicationColor_9_Active_TextColor);
-  --fdObjectStatus_Active_Text_Indication_Color_10:var(--sapIndicationColor_10_Active_TextColor);
-  --fdObjectStatus_Text_Shadow_Indication_Color:var(--sapContent_TextShadow);
-  --fdObjectStatus_Text_Indication_Color_1b:var(--sapIndicationColor_1);
-  --fdObjectStatus_Background_Indication_Color_1b:var(--sapIndicationColor_1b);
-  --fdObjectStatus_Border_Indication_Color_1b:var(--sapIndicationColor_1b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_1b:var(--sapIndicationColor_1b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_2b:var(--sapIndicationColor_2);
-  --fdObjectStatus_Background_Indication_Color_2b:var(--sapIndicationColor_2b);
-  --fdObjectStatus_Border_Indication_Color_2b:var(--sapIndicationColor_2b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_2b:var(--sapIndicationColor_2b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_3b:var(--sapIndicationColor_3);
-  --fdObjectStatus_Background_Indication_Color_3b:var(--sapIndicationColor_3b);
-  --fdObjectStatus_Border_Indication_Color_3b:var(--sapIndicationColor_3b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_3b:var(--sapIndicationColor_3b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_4b:var(--sapIndicationColor_4);
-  --fdObjectStatus_Background_Indication_Color_4b:var(--sapIndicationColor_4b);
-  --fdObjectStatus_Border_Indication_Color_4b:var(--sapIndicationColor_4b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_4b:var(--sapIndicationColor_4b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_5b:var(--sapIndicationColor_5);
-  --fdObjectStatus_Background_Indication_Color_5b:var(--sapIndicationColor_5b);
-  --fdObjectStatus_Border_Indication_Color_5b:var(--sapIndicationColor_5b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_5b:var(--sapIndicationColor_5b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_6b:var(--sapIndicationColor_6);
-  --fdObjectStatus_Background_Indication_Color_6b:var(--sapIndicationColor_6b);
-  --fdObjectStatus_Border_Indication_Color_6b:var(--sapIndicationColor_6b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_6b:var(--sapIndicationColor_6b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_7b:var(--sapIndicationColor_7);
-  --fdObjectStatus_Background_Indication_Color_7b:var(--sapIndicationColor_7b);
-  --fdObjectStatus_Border_Indication_Color_7b:var(--sapIndicationColor_7b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_7b:var(--sapIndicationColor_7b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_8b:var(--sapIndicationColor_8);
-  --fdObjectStatus_Background_Indication_Color_8b:var(--sapIndicationColor_8b);
-  --fdObjectStatus_Border_Indication_Color_8b:var(--sapIndicationColor_8b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_8b:var(--sapIndicationColor_8b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_9b:var(--sapIndicationColor_9);
-  --fdObjectStatus_Background_Indication_Color_9b:var(--sapIndicationColor_9b);
-  --fdObjectStatus_Border_Indication_Color_9b:var(--sapIndicationColor_9b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_9b:var(--sapIndicationColor_9b_Hover_Background);
-  --fdObjectStatus_Text_Indication_Color_10b:var(--sapIndicationColor_10);
-  --fdObjectStatus_Background_Indication_Color_10b:var(--sapIndicationColor_10b);
-  --fdObjectStatus_Border_Indication_Color_10b:var(--sapIndicationColor_10b_BorderColor);
-  --fdObjectStatus_Background_Hover_Indication_Color_10b:var(--sapIndicationColor_10b_Hover_Background);
-  --fdTokenizer_Indicator_Color:var(--sapLinkColor);
-  --fdNotification_Border_Radius:var(--sapTile_BorderCornerRadius);
-  --fdNotification_Border_Left_Right_Color:var(--sapList_BorderColor);
-  --fdNotification_Border_Top_Color:var(--sapList_BorderColor);
-  --fdNotification_Border_Left_Right_Color_Selected:var(--sapList_SelectionBorderColor);
-  --fdNotification_Border_Top_Color_Selected:var(--sapList_SelectionBorderColor);
-  --fdNotification_Border_Block_End_Color_Selected:var(--sapList_SelectionBorderColor);
-  --fdNotification_Background_Hover:var(--sapList_Hover_Background);
-  --fdNotification_Background_Active:var(--sapList_Active_Background);
-  --fdNotification_Background_Selected:var(--sapList_SelectionBackgroundColor);
-  --fdNotification_Background_Selected_Hover:var(--sapList_Hover_SelectionBackground);
-  --fdNotification_Title_Color_Active:var(--sapList_Active_TextColor);
-  --fdNotification_Paragraph_Color_Active:var(--sapList_Active_TextColor);
-  --fdNotification_Footer_Content_Color_Active:var(--sapList_Active_TextColor);
-  --fdNotification_Separator_Color_Active:var(--sapList_Active_TextColor);
-  --fdNotification_Border_Inline_Color_Active:var(--sapList_Active_Background);
-  --fdNotification_Border_Block_Start_Color_Active:var(--sapList_Active_Background);
-  --fdNotification_Border_Block_End_Color_Active:var(--sapList_Active_Background);
-  --fdNotification_Group_Header_Border_Bottom_Color:transparent;
-  --fdNotification_Group_Header_Margin_Block:0.75rem 0.5rem;
-  --fdNotification_Group_Header_Title_Font_Weight:normal;
-  --fdNotification_Group_Header_Title_Font_Size:var(--sapFontHeader5Size);
-  --fdNotification_Group_Header_Title_Color:var(--sapGroup_TitleTextColor);
-  --fdNotification_Group_List_Margin_Block:0 0.5rem;
-  --fdNotification_Group_List_Margin_Inline:0.5rem;
-  --fdNotification_Group_List_Gap:0.5rem;
-  --fdNotification_Growing_Item_Margin_Inline:0.5rem;
-  --fdNotification_Growing_Item_Margin_Block_End:0.5rem;
-  --fdNotification_Growing_Item_Title_Color:var(--sapButton_TextColor);
-  --fdNotification_Growing_Item_Title_Font_Family:var(--sapFontFamily);
-  --fdNotification_Growing_Item_Title_Font_Size:var(--sapFontSize);
-  --fdNotification_Growing_Item_Title_Font_Weight:bold;
-  --fdPagination_Placeholder_Dots_Width:1.5rem;
-  --fdPagination_Placeholder_Dots_Width_Compact:1.5rem;
-  --fdPagination_Elements_Spacing:0.25rem;
-  --fdSearchField_BorderRadius:2rem;
-  --fdSearchField_Border_Color:transparent;
-  --fdSearchField_Background_Normal:var(--sapShell_InteractiveBackground);
-  --fdSearchField_Background_Hover:var(--sapShell_Hover_Background);
-  --fdSearchField_Background_Focus:var(--sapShell_Active_Background);
-  --fdSearchField_Outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);
-  --fdSearchField_Outline_Offset:0;
-  --fdSearchField_Underline_Color:var(--sapField_BorderColor);
-  --fdSearchField_Placeholder_Color:var(--sapField_PlaceholderTextColor);
-  --fdSearchField_Icon_Color:var(--sapContent_NonInteractiveIconColor);
-  --fdNavigation_Link_Border_Radius:var(--sapButton_BorderCornerRadius);
-  --fdNavigation_Link_Transition:background-color 0.3s ease-in-out,width 0.3s ease-in-out;
-  --fdNavigation_Link_Border_Color_Normal:transparent;
-  --fdNavigation_Link_Border_Bottom_Color_Normal:transparent;
-  --fdNavigation_Link_Border_Color_Hover:transparent;
-  --fdNavigation_Link_Border_Color_Active:transparent;
-  --fdNavigation_Link_Border_Color_Selected:transparent;
-  --fdNavigation_Link_Border_Color_Focus:transparent;
-  --fdNavigation_Link_Selected_Background:var(--sapList_Hover_SelectionBackground);
-  --fdNavigationMenu_Item_Border_Radius:0.375rem;
-  --fdNavigationMenu_Item_Transition:background-color 0.3s ease-in-out;
-  --fdNavigationMenu_Item_Border_Color_Normal:transparent;
-  --fdNavigationMenu_Item_Border_Bottom_Color_Normal:transparent;
-  --fdNavigationMenu_Item_Border_Color_Hover:transparent;
-  --fdNavigationMenu_Item_Border_Color_Active:transparent;
-  --fdNavigationMenu_Item_Border_Color_Selected:transparent;
-  --fdNavigationMenu_Item_Border_Color_Focus:transparent;
-  --fdNavigationList_Content_Border_Radius:var(--sapButton_BorderCornerRadius);
-  --fdNavigationList_Content_Border_Color:transparent;
-  --fdNavigationList_Content_Outline_Offset:-0.125rem;
-  --fdToolHeader_Border_Color:transparent;
-  --sapToolHeader_Product_Name_Color:var(--sapShell_GroupTitleTextColor);
-  --sapToolHeader_Product_Name_Font_Size:1.125rem;
-  --sapToolHeader_Second_Title_Color:var(--sapContent_LabelColor);
-  --sapToolHeader_Second_Title_Font_Size:var(--sapFontSize);
-  --sapToolHeader_Second_Title_Offset:0.125rem;
-  --sapToolHeader_Min_Height_Compact:3.25rem;
-  --sapToolHeader_Min_Height_Cozy:3.75rem;
-  --sapToolHeader_Border_Radius:0.5rem;
-  --sapToolHeader_Paddings_Y:0.5625rem;
-  --fdTextarea_Line_Height:1.5;
-  --sapMenu_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32);
-  --sapMenu_Shadow2:0 0 0.125rem 0 rgba(0,0,0,.48),0 1rem 2rem 0 rgba(0,0,0,.64);
-  --sapNotifications_Shadow2:0 0 0.125rem 0 rgba(0,0,0,.48),0 1rem 2rem 0 rgba(0,0,0,.64);
-  --sapSearchHover_Shadow:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32),0 0 0 0.0625rem rgba(169,180,190,.16);
-  --sapMenu_Background:var(--sapList_Background);
-  --sapMenu_Hover_Background:var(--sapList_Hover_Background);
-  --sapMenu_Active_Background:var(--sapList_Active_Background);
-  --sapMenu_Selected_Background:var(--sapList_Hover_SelectionBackground);
-  --sapNavigation_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32);
-  --sapNavigation_Shadow2:0 0 0.125rem 0 rgba(0,0,0,.48),0 1rem 2rem 0 rgba(0,0,0,.64);
-  --sapNavigation_Background:var(--sapList_Background);
-  --sapNavigation_Hover_Background:var(--sapList_Hover_Background);
-  --sapNavigation_Active_Background:var(--sapList_Active_Background);
-  --sapNavigation_Selected_Background:var(--sapList_Hover_SelectionBackground);
-  --fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Track_Negative_Background);
-  --fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Track_Positive_Background);
-  --fdOverlay_Background_Opacity:0.6;
-  --fdDynamicPage_Hover_Border_Bottom:none;
-  --fdDynamicPage_Title_Header_Transparent_Background:transparent;
-  --fdDynamicPage_Button_Left_Gradient:linear-gradient(to left,var(--sapObjectHeader_BorderColor),transparent);
-  --fdDynamicPage_Button_Right_Gradient:linear-gradient(to right,var(--sapObjectHeader_BorderColor),transparent);
-  --fdDynamicPage_Button_Group_Background:var(--sapObjectHeader_BorderColor);
-  --fdDynamicPage_Content_List_Background:var(--sapGroup_ContentBackground);
-  --fdDynamicPage_Content_Transparent_Background:transparent;
-  --fdSideNav_Text_Shadow:none;
-  --fdVerticalNav_Text_Shadow:none;
-  --fdTime_Text_Shadow:none;
-  --fdSelect_Text_Shadow:none;
-  --fdSelect_Button_Interractive_SideBorder:none;
-  --fdPopover_Border_Radius:var(--sapPopover_BorderCornerRadius);
-  --fdPopover_Border_Width:0.0625rem;
-  --fdPopover_Border_Color:#636669;
-  --fdProductSwitch_Text_Shadow:none;
-  --fdProductSwitch_Shadow:none;
-  --fdMenu_Text_Shadow:none;
-  --fdList_Button_Spacing:0.125rem;
-  --fdList_Growing_Font_Weight:bold;
-  --fdList_Active_Outline_Color:var(--sapContent_FocusColor);
-  --fdInputGroup_Text_Shadow:none;
-  --fdInputGroup_ControlButton_SideBorder:var(--sapButton_BorderWidth) solid transparent;
-  --fdInputGroup_ControlButton_SideBorder_Active:solid var(--sapButton_BorderWidth) transparent;
-  --fdInput_Text_Shadow:none;
-  --fdInput_State_Text_Style:normal;
-  --fdInput_State_Font_Weight:normal;
-  --fdInput_State_Border_Type:solid;
-  --fdPlaceholder_Font_Style:italic;
-  --fdInput_Outline_Offset:-0.125rem;
-  --fdInput_Outline_Offset_States:-0.125rem;
-  --fdCalendar_Text_Shadow:none;
-  --fdCalendar_Active_Item_Border:0.125rem solid var(--sapList_SelectionBorderColor);
-  --fdCalendar_Active_Focus_Item_Outline_Color:var(--sapList_SelectionBorderColor);
-  --fdCalendar_Active_Focus_Item_Outline_Offset:-0.375rem;
-  --fdCalendar_Item_Current_Border:none;
-  --fdCalendar_Border_Radius:var(--sapButton_BorderCornerRadius);
-  --fdCalendar_Item_Active_Background_Hover:var(--sapList_Hover_Background);
-  --fdCalendar_Special_Day_Marker_Height:0.3125rem;
-  --fdCalendar_Item_Current_Inner_Border_Color:transparent;
-  --fdCalendar_Item_Current_Active_Special_Day_Width:calc(100% - 0.25rem);
-  --fdCalendar_Item_Current_Active_Special_Day_Height:calc(100% - 1.25rem);
-  --fdCalendar_Item_Current_Active_Special_Day_Bottom:0.125rem;
-  --fdCalendar_Item_Current_Active_Special_Day_Left:auto;
-  --fdCalendar_Item_Current_Active_Special_Day_Right:auto;
-  --fdCalendar_Month_Year_Item_Border_Radius:var(--sapButton_BorderCornerRadius);
-  --fdCalendar_Active_Item_Font_Weight:var(--sapFontBoldFamily);
-  --fdFormHeader_Border_Width:var(--sapList_BorderWidth);
-  --fdBadge_Border_Color:var(--sapGroup_ContentBorderColor);
-  --fdDialog_Background_Opacity:0.6;
-  --fdMessageStrip_Border_Width:0.0625rem;
-  --fdMessageStrip_Border_Radius:var(--sapPopover_BorderCornerRadius);
-  --fdMessageStrip_Border_Color_Success:var(--sapMessage_SuccessBorderColor);
-  --fdMessageStrip_Border_Color_Error:var(--sapMessage_ErrorBorderColor);
-  --fdMessageStrip_Border_Color_Warning:var(--sapMessage_WarningBorderColor);
-  --fdMessageStrip_Border_Color_Neutral:var(--sapNeutralBorderColor);
-  --fdMessageStrip_Border_Color_Informative:var(--sapMessage_InformationBorderColor);
-  --fdMessageStrip_Icon_Color_Success:var(--sapPositiveElementColor);
-  --fdMessageStrip_Icon_Color_Error:var(--sapNegativeElementColor);
-  --fdMessageStrip_Icon_Color_Warning:var(--sapCriticalElementColor);
-  --fdMessageStrip_Icon_Color_Neutral:var(--sapNeutralElementColor);
-  --fdMessageStrip_Icon_Color_Information:var(--sapInformativeElementColor);
-  --fdPage_List_Background:var(--sapGroup_ContentBackground);
-  --fdPage_Transparent_Background:transparent;
-  --fdList_Item_Action_Border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
-  --fdList_Item_Action_Button_Size:100%;
-  --fdList_Item_Action_Button_Size_Compact:100%;
-  --fdList_Item_Action_Button_Spacing:0;
-  --fdList_Item_Action_Button_Border:none;
-  --fdList_Item_Action_Button_Border_Radius:0;
-  --fdTable_Hover_Down_Color:inherit;
-  --fdFeed_Input_Placeholder_Font_Style:italic;
-  --fdToolbar_Auto_Background:var(--sapToolbar_Background);
-  --fdToolbar_Solid_Background:var(--sapToolbar_Background);
-  --fdToolbar_Transparent_Background:transparent;
-  --fdToolbar_Info_Outline_Color:var(--sapContent_FocusColor);
-  --sapToolHeader_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32);
-  --fdMicro_Process_Flow_Icon_Color:var(--sapButton_Neutral_Background);
-  --fdMicro_Process_Flow_Active_Icon_Color:var(--sapContent_ContrastIconColor);
-  --sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);
-  --sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);
-  --sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);
-  --sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);
-  --sapIllus_Layering1:var(--sapContent_Illustrative_Color5);
-  --sapIllus_Layering2:var(--sapContent_Illustrative_Color6);
-  --sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);
-  --sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);
-  --sapIllus_NoColor:none;
-  --sapIllus_PatternShadow:url(#sapIllus_PatternShadow);
-  --sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);
-  --fdText_Selected_Background_Color:var(--sapSelectedColor);
-  --fdMessage_Page_Container_Background:var(--sapGroup_ContentBackground);
-  --fdMessage_Page_Container_Corner_Radius:var(--sapElement_BorderCornerRadius);
-  --fdMessage_Page_Title_Margin_Top:2rem;
-  --fdMessage_Page_Title_Margin_Bottom:0.5rem;
-  --fdBar_Left_Area_Padding_Right:0.25rem;
-  --fdBar_Middle_Area_Padding_X:0.25rem;
-  --fdBar_Right_Area_Padding_Left:0.25rem;
-  --fdObject_List_Title_Font_Size:var(--sapFontHeader5Size);
-  --fdObject_List_Title_Font_Weight:bolder;
-  --fdObject_List_Number_Font_Size:1.25rem;
-  --fdToolLayout_Background:#0a0d10;
-  --sapSplitPane_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32);
-  --fdModal_BackgroundColor:rgba(0,0,0,.2);
-  --fdUserMenu_User_Name_Font_Family:var(--sapFontBoldFamily);
-}
-
-:root {
-  --vp-c-brand-1: var(--sapBrandColor, #0070f2);
-  --vp-c-brand-2: var(--sapHighlightColor, #0064d9);
-  --vp-c-brand-3: var(--sapBrandColor, #0070f2);
-
-  --vp-c-bg: var(--sapBackgroundColor, #f5f6f7);
-  --vp-c-bg-soft: var(--sapGroup_ContentBackground, #fff);
-  --vp-c-bg-alt: var(--sapBaseColor, #fff);
-
-  --vp-c-text-1: var(--sapTextColor, #32363a);
-  --vp-c-text-2: var(--sapContent_LabelColor, #556b82);
-  --vp-c-text-3: var(--sapNeutralTextColor, #6a6d70);
-
-  --vp-c-divider: var(--sapGroup_ContentBorderColor, #d9d9d9);
-  --vp-c-gutter: var(--sapGroup_ContentBorderColor, #d9d9d9);
-
-  --vp-font-family-base: var(--sapFontFamily, '72', '72full', Arial, Helvetica, sans-serif);
-
-  --vp-nav-bg-color: var(--sapShellColor, #354a5f);
-
-  --vp-c-default-1: var(--sapButton_BorderColor, #0064d9);
-  --vp-c-default-soft: var(--sapField_Background, #f5f6f7);
-}
-
-/* Sticky shellbar */
-.fd-shellbar {
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-
-/* Shellbar text color overrides */
-.fd-shellbar .fd-shellbar__title {
-  color: var(--sapShell_TextColor, #fff);
-}
-.fd-shellbar .fd-shellbar__button {
-  background: transparent;
-  border: none;
-  color: var(--sapShell_TextColor, #fff);
-  cursor: pointer;
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-  font: inherit;
-  display: inline-flex;
-  align-items: center;
-}
-.fd-shellbar .fd-shellbar__button:hover {
-  background: var(--sapShell_Hover_Background, rgba(255,255,255,0.1));
-}
-.fd-shellbar .fd-shellbar__button i {
-  color: var(--sapShell_InteractiveTextColor, #d1e8ff);
-  font-size: 1rem;
-}
-.fd-shellbar .fd-shellbar__action {
-  color: var(--sapShell_TextColor, #fff);
-  text-decoration: none;
-}
-.fd-shellbar .fd-shellbar__action:hover {
-  color: var(--sapShell_InteractiveTextColor, #d1e8ff);
-}
-.fd-shellbar .fd-shellbar__logo img {
-  height: 1.5rem;
-}
-#notification-badge:empty {
-  display: none;
-}
-
-/* Nav links layout */
-.fd-shellbar nav {
-  display: inline-flex;
-  align-items: center;
-}
-
-/* Shellbar separator between nav items and controls */
-.shellbar-separator {
-  display: inline-block;
-  vertical-align: middle;
-  width: 1px;
-  height: 1.25rem;
-  background: rgba(255,255,255,0.3);
-  margin: 0 0.5rem;
-}
-
-/* Nav dropdown (custom shellbar popover) */
-.shellbar-nav-dropdown {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-}
-.shellbar-nav-dropdown__label {
-  color: var(--sapShell_TextColor, #fff);
-  font-size: 0.875rem;
-  font-weight: 600;
-}
-.shellbar-nav-dropdown__arrow {
-  color: var(--sapShell_TextColor, #fff);
-  font-size: 0.75rem;
-  margin-left: 0.25rem;
-}
-.shellbar-popover {
-  display: none;
-  position: absolute;
-  top: 100%;
-  right: 0;
-  z-index: 100;
-  min-width: 12rem;
-  background: var(--sapList_Background, #fff);
-  border: 1px solid var(--sapList_BorderColor, #e4e4e4);
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.15);
-  padding: 0.25rem 0;
-  margin-top: 0.25rem;
-}
-html.dark .shellbar-popover {
-  background: #1e2833;
-  border-color: #2f4763;
-  box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.4);
-}
-.shellbar-popover .fd-menu__list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.shellbar-popover .fd-menu__item {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.shellbar-popover .fd-menu__link {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  color: var(--sapTextColor, #32363a);
-  text-decoration: none;
-  white-space: nowrap;
-}
-html.dark .shellbar-popover .fd-menu__link {
-  color: #dee1e4;
-}
-.shellbar-popover .fd-menu__link:hover {
-  background: var(--sapList_Hover_Background, #e8f0fe);
-}
-html.dark .shellbar-popover .fd-menu__link:hover {
-  background: #29394b;
-}
-.shellbar-popover .nav-auth-only { display: none; }
-html[data-authenticated="true"] .shellbar-popover .nav-auth-only { display: list-item; }
-.shellbar-popover .fd-menu__addon-before {
-  color: var(--sapContent_IconColor, #556b82);
-  font-size: 1rem;
-}
-html.dark .shellbar-popover .fd-menu__addon-before {
-  color: #778ea6;
-}
-.shellbar-popover .fd-menu__title {
-  font-size: 0.875rem;
-}
-.shellbar-popover--share {
-  min-width: 22rem;
-  padding: 0.75rem;
-}
-.share-popover__label {
-  display: block;
-  font-size: 0.75rem;
-  color: var(--sapNeutralTextColor, #556b82);
-  margin-bottom: 0.25rem;
-}
-html.dark .share-popover__label {
-  color: #a9b4be;
-}
-.share-popover__row {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-}
-.share-popover__input {
-  flex: 1 1 auto;
-  min-width: 0;
-  font-size: 0.8125rem;
-}
-.share-popover__copy {
-  flex: 0 0 auto;
-}
-.share-popover__status {
-  font-size: 0.75rem;
-  color: var(--sapPositiveColor, #107e3e);
-  margin-top: 0.375rem;
-  min-height: 1rem;
-}
-html.dark .share-popover__status {
-  color: #36a956;
-}
-
-/* Theme toggle switch */
-.theme-toggle {
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  margin: 0 0.5rem;
-  line-height: 0;
-  height: 2.25rem;
-}
-.theme-toggle-track {
-  position: relative;
-  width: 2.5rem;
-  height: 1.375rem;
-  background: rgba(255,255,255,0.2);
-  border: 1px solid rgba(255,255,255,0.4);
-  border-radius: 0.75rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 0.3rem;
-  transition: background 0.2s, border-color 0.2s;
-}
-.theme-toggle-thumb {
-  position: absolute;
-  top: 50%;
-  left: 2px;
-  width: 1rem;
-  height: 1rem;
-  background: #fff;
-  border-radius: 50%;
-  transition: left 0.2s;
-  transform: translateY(-50%);
-  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-}
-[data-theme="dark"] .theme-toggle-thumb {
-  left: calc(100% - 1rem - 2px);
-}
-[data-theme="dark"] .theme-toggle-track {
-  background: rgba(255,255,255,0.15);
-  border-color: rgba(255,255,255,0.3);
-}
-.theme-toggle-icon {
-  color: rgba(255,255,255,0.85);
-  flex-shrink: 0;
-}
-.theme-toggle-sun { opacity: 1; }
-.theme-toggle-moon { opacity: 0.5; }
-[data-theme="dark"] .theme-toggle-sun { opacity: 0.5; }
-[data-theme="dark"] .theme-toggle-moon { opacity: 1; }
-
-/* User menu (shellbar profile) */
-#user-menu {
-  position: relative;
-}
-#user-avatar {
-  cursor: pointer;
-  transition: box-shadow 0.2s ease;
-}
-#user-avatar.fd-avatar--authenticated {
-  box-shadow: 0 0 0 2px var(--sapContent_Illustrative_Color1, #0070f2);
-}
-#user-popover {
-  display: none;
-  position: absolute;
-  right: 0;
-  top: 2.5rem;
-  z-index: 100;
-  background: var(--sapBackgroundColor, #fff);
-  border: 1px solid var(--sapGroup_TitleBorderColor, #d9d9d9);
-  border-radius: var(--sapElement_BorderCornerRadius, 0.5rem);
-  box-shadow: var(--sapContent_Shadow1, 0 0 0.5rem rgba(0,0,0,0.15));
-}
-#user-popover .user-popover__content {
-  padding: 1rem 1.25rem;
-  min-width: 14rem;
-}
-#user-popover .user-popover__header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  margin-bottom: 0.5rem;
-}
-#user-popover .user-popover__name {
-  font-weight: 600;
-  font-size: 1rem;
-  margin-top: 0.75rem;
-}
-#user-popover .user-popover__email {
-  font-size: 0.875rem;
-  color: var(--sapContent_LabelColor, #6a6d70);
-  margin-top: 0.25rem;
-}
-#user-popover .user-popover__separator {
-  border: none;
-  border-top: 1px solid var(--sapGroup_TitleBorderColor, #d9d9d9);
-  margin: 0.75rem 0;
-}
-#user-popover .user-popover__link {
-  display: block;
-  padding: 0.5rem 0;
-  color: var(--sapTextColor, #32363a);
-  text-decoration: none;
-  font-size: 0.875rem;
-}
-#user-popover .user-popover__link:hover {
-  color: var(--sapLinkColor, #0064d9);
-}
-#user-popover #logout-btn {
-  margin-top: 0.5rem;
-  width: 100%;
-}
-
-/* Body font */
-body {
-  font-family: var(--sapFontFamily, '72', '72full', Arial, Helvetica, sans-serif);
-  font-size: var(--sapFontSize, 0.875rem);
-  color: var(--sapTextColor, #32363a);
-  margin: 0;
-  /* Sticky footer: short pages (e.g. home) shouldn't leave a strip of body
-     background showing below the footer. Flex column + main:flex:1 pushes
-     the footer to the bottom of the viewport when content is short. */
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-body > main, body > .site-main { flex: 1 0 auto; }
-
-/* Breadcrumb dropdown toggle */
-.breadcrumb-dropdown-toggle {
-  background: none;
-  border: none;
-  color: var(--sapTextColor, #32363a);
-  font: inherit;
-  cursor: pointer;
-  padding: 0;
-}
-.breadcrumb-dropdown-toggle:hover {
-  color: var(--sapLinkColor, #0064d9);
-}
-.breadcrumb-chevron {
-  font-size: 0.75em;
-  margin-left: 0.25rem;
-}
-.nav-dropdown-container {
-  position: relative;
-}
-
-/* Tutorial breadcrumb bar */
-.tutorial-breadcrumbs {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 0.625rem 2rem;
-}
-
-.fd-breadcrumb__separator {
-  display: inline-flex;
-  align-items: center;
-}
-
-/* ── Action bar (feedback / share / nav pills) ── */
-.action-bar {
-  background: var(--sapShellColor, #354a5f);
-  padding: 0.625rem 0;
-}
-.action-bar-inner {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 0 2rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.action-bar-nav {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-.action-bar-actions {
-  display: flex;
-  align-items: center;
-  gap: 1.5rem;
-}
-.action-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.375rem;
-  background: none;
-  border: none;
-  color: var(--sapShell_TextColor, #fff);
-  font-size: 0.875rem;
-  font-weight: 600;
-  cursor: pointer;
-  opacity: 0.9;
-  padding: 0;
-  font-family: inherit;
-}
-.action-link:hover { opacity: 1; color: var(--sapShell_TextColor, #fff); }
-.action-link svg { flex-shrink: 0; }
-
-/* Nav pills */
-.nav-pill {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.5rem 1.25rem;
-  border-radius: 2rem;
-  border: 1px solid var(--sapBrandColor, #0070f2);
-  color: var(--sapBrandColor, #0070f2);
-  text-decoration: none;
-  font-size: 0.875rem;
-  font-weight: 600;
-  transition: all 0.15s;
-}
-.nav-pill:hover {
-  background: var(--sapBrandColor, #0070f2);
-  color: #fff;
-}
-.nav-pill--primary {
-  background: var(--sapBrandColor, #0070f2);
-  color: #fff;
-}
-.nav-pill--primary:hover {
-  background: var(--sapHighlightColor, #0064d9);
-  color: #fff;
-}
-.nav-pill--shell {
-  border-color: var(--sapShell_TextColor, #fff);
-  color: var(--sapShell_TextColor, #fff);
-}
-.nav-pill--shell:hover {
-  background: rgba(255,255,255,0.15);
-  color: var(--sapShell_TextColor, #fff);
-}
-.nav-pill--primary-shell {
-  background: var(--sapContent_ContrastTextColor, #fff);
-  color: var(--sapShellColor, #354a5f);
-  border-color: var(--sapContent_ContrastTextColor, #fff);
-}
-.nav-pill--primary-shell:hover {
-  background: rgba(255,255,255,0.9);
-  color: var(--sapShellColor, #354a5f);
-}
-
-/* Popup overlay */
-.popup-hidden { display: none !important; }
-.popup-overlay {
-  position: fixed;
-  inset: 0;
-  background: var(--sapBlockLayer_Background, rgba(0, 0, 0, 0.4));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-.popup-card {
-  background: var(--sapBackgroundColor, #f5f6f7);
-  border: 1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);
-  border-radius: 0.75rem;
-  padding: 2rem 2.5rem;
-  max-width: 640px;
-  width: 90%;
-  position: relative;
-  box-shadow: var(--sapContent_Shadow2, 0 8px 32px rgba(0, 0, 0, 0.15));
-}
-.popup-card--share {
-  max-width: 400px;
-  text-align: center;
-}
-.popup-close {
-  position: absolute;
-  top: 0.75rem;
-  right: 1rem;
-  background: none;
-  border: none;
-  font-size: 1.5rem;
-  color: var(--sapContent_IconColor, #6a6d70);
-  cursor: pointer;
-  padding: 0.25rem;
-  line-height: 1;
-}
-.popup-close:hover { color: var(--sapTextColor, #32363a); }
-.popup-title {
-  font-size: 1.25rem;
-  font-weight: 700;
-  margin: 0 0 1.5rem;
-  color: var(--sapTitleColor, #32363a);
-}
-.feedback-options {
-  display: flex;
-  gap: 1.5rem;
-}
-.feedback-option {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: 0.75rem;
-}
-.feedback-icon {
-  color: var(--sapContent_IconColor, #6a6d70);
-}
-.feedback-option span {
-  font-size: 0.8125rem;
-  color: var(--sapContent_LabelColor, #556b82);
-  line-height: 1.4;
-}
-.feedback-btn {
-  display: inline-block;
-  padding: 0 1.25rem;
-  height: 2.25rem;
-  line-height: 2.25rem;
-  border-radius: var(--sapButton_BorderCornerRadius, 0.5rem);
-  background: var(--sapButton_Emphasized_Background, #0070f2);
-  color: var(--sapButton_Emphasized_TextColor, #fff);
-  text-decoration: none;
-  font-size: 0.875rem;
-  font-weight: 700;
-  white-space: nowrap;
-  transition: background 0.15s;
-}
-.feedback-btn:hover {
-  background: var(--sapButton_Emphasized_Hover_Background, #0064d9);
-  color: var(--sapButton_Emphasized_TextColor, #fff);
-}
-.share-icons {
-  display: flex;
-  justify-content: center;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-.share-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  transition: transform 0.15s;
-}
-.share-icon:hover { transform: scale(1.1); }
-
-/* Bottom nav */
-/* Next Steps section */
-.next-steps {
-  margin-top: 2rem;
-}
-
-.next-steps-heading {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin-bottom: 0.75rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.next-steps-card {
-  display: block;
-  position: relative;
-  padding: 1rem 3rem 1rem 1.25rem;
-  border: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  border-radius: 0.5rem;
-  background: var(--sapGroup_ContentBackground, #fff);
-  text-decoration: none;
-  transition: box-shadow 0.15s;
-}
-
-.next-steps-card:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-
-.next-steps-label {
-  display: block;
-  font-size: 0.6875rem;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--sapContent_LabelColor, #6a6d70);
-  margin-bottom: 0.25rem;
-}
-
-.next-steps-title {
-  display: block;
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--sapLinkColor, #0064d9);
-}
-
-.next-steps-meta {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-  margin-top: 0.375rem;
-  font-size: 0.8125rem;
-  color: var(--sapContent_LabelColor, #6a6d70);
-}
-
-.next-steps-time-icon {
-  font-size: 0.875rem;
-}
-
-/* Session cards (issue #2354) — TechEd + Devtoberfest sessions on author +
-   advocate pages. Reuse the .next-steps-rail-card box; the badge is colored
-   per event, and a non-anchor .session-card (no source URL) drops link affordances. */
-.session-card-badge {
-  color: var(--sapContent_LabelColor, #6a6d70);
-}
-.session-card[data-event="teched"] .session-card-badge {
-  color: var(--sapInformativeColor, #0070f2);
-}
-.session-card[data-event="devtoberfest"] .session-card-badge {
-  color: var(--sapPositiveColor, #256f3a);
-}
-/* Non-link session card (session with no source URL): same box, no pointer. */
-div.session-card.next-steps-rail-card {
-  cursor: default;
-}
-div.session-card.next-steps-rail-card:hover {
-  transform: none;
-}
-div.session-card .next-steps-title {
-  color: var(--sapTextColor, #1d2d3e);
-}
-.author-page-sessions {
-  margin-top: 2rem;
-}
-.author-page-sessions > h2 {
-  font-size: 1.25rem;
-  margin-bottom: 0.75rem;
-}
-
-.next-steps-expand {
-  position: absolute;
-  right: 1rem;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 1.5rem;
-  color: var(--sapLinkColor, #0064d9);
-  font-weight: 300;
-}
-
-/* Related Tutorials rail (v1 recommendations) */
-.next-steps-rail {
-  margin-top: 1.5rem;
-}
-
-.next-steps-rail-heading {
-  font-size: 1rem;
-  font-weight: 600;
-  margin-bottom: 0.75rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.next-steps-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 0.75rem;
-}
-
-.next-steps-rail-card {
-  display: block;
-  padding: 0.875rem 1rem;
-  border: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  border-radius: 0.5rem;
-  background: var(--sapGroup_ContentBackground, #fff);
-  text-decoration: none;
-  transition: box-shadow 0.15s, transform 0.15s;
-}
-
-.next-steps-rail-card:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  transform: translateY(-1px);
-}
-
-.next-steps-rail-card .next-steps-title {
-  font-size: 0.9375rem;
-  line-height: 1.3;
-}
-
-.next-steps-rail-card .next-steps-meta {
-  font-size: 0.75rem;
-}
-
-.tutorial-nav-bottom {
-  display: flex;
-  align-items: center;
-  margin-top: 2rem;
-  padding-top: 1.5rem;
-  border-top: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-}
-.nav-spacer { flex: 1; }
-
-/* Sidebar back-to-top link */
-.step-toc-back {
-  display: block;
-  text-align: right;
-  margin-top: 0.75rem;
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  font-size: 0.8125rem;
-  font-weight: 600;
-  color: var(--sapTextColor, #32363a);
-  text-decoration: none;
-}
-.step-toc-back:hover { text-decoration: underline; }
-
-/* Sidebar step label */
-.step-toc-text {
-  display: inline;
-}
-.step-toc-label {
-  font-weight: 600;
-}
-
-@media (max-width: 640px) {
-  .feedback-options { flex-direction: column; gap: 1rem; }
-  .popup-card { padding: 1.5rem; }
-  .action-bar-inner { flex-wrap: wrap; gap: 0.5rem; }
-}
-
-/* Prevent horizontal scrollbar from full-bleed elements */
-html {
-  overflow-x: hidden;
-  background-color: var(--sapBackgroundColor, #f5f6f7);
-}
-
-/* Tutorial page overrides */
-.tutorial-page {
-  background-color: var(--sapBackgroundColor, #f5f6f7);
-  display: grid;
-  grid-template-columns: 1fr 320px;
-  gap: 2rem;
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 1.5rem 2rem;
-}
-
-.tutorial-right-col {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-  position: sticky;
-  top: 4rem;
-  align-self: start;
-  max-height: calc(100vh - 5rem);
-  overflow-y: auto;
-}
-
-.tutorial-main {
-  background-color: var(--sapBaseColor, #fff);
-  border-radius: 0.5rem;
-  padding: 1.5rem;
-}
-
-.tutorial-sidebar {
-  align-self: start;
-}
-
-/* Ensure proper link colors */
-a {
-  color: var(--sapLinkColor, #0064d9);
-}
-
-a:hover {
-  color: var(--sapLink_Hover_Color, #0064d9);
-}
-
-/* Code blocks */
-/* Code blocks with language label + copy */
-.code-block {
-  border: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  border-radius: 0.5rem;
-  margin: 1rem 0;
-  overflow: hidden;
-}
-
-.code-block-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.375rem 0.75rem;
-  background: var(--sapNeutralBackground, #f5f6f7);
-  border-bottom: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-}
-
-.code-block-lang {
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--sapContent_LabelColor, #6a6d70);
-}
-
-.code-block-copy {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 0.75rem;
-  color: var(--sapLinkColor, #0064d9);
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-}
-
-.code-block-copy:hover {
-  background: var(--sapList_Hover_Background, #eaecee);
-}
-
-.code-block-copy .copy-label {
-  font-weight: 500;
-}
-
-.code-block-body pre {
-  margin: 0;
-  border-radius: 0;
-  border: none;
-}
-
-pre {
-  background-color: var(--sapField_Background, #f5f6f7);
-  padding: 1rem;
-  border-radius: 0.375rem;
-  overflow-x: auto;
-}
-
-pre code {
-  color: var(--sapTextColor, #32363a);
-}
-
-/* Inline code */
-:not(pre) > code {
-  background-color: #e5e9ee;
-  color: var(--sapTextColor, #32363a);
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.25rem;
-  font-size: 0.90em;
-}
-
-/* Blockquotes */
-blockquote {
-  border-left: 4px solid var(--sapInformationBorderColor, #0070f2);
-  background-color: var(--sapInformationBackground, #e1f4ff);
-  padding: 0.75rem 1rem;
-  border-radius: 0 0.25rem 0.25rem 0;
-  color: var(--sapTextColor, #32363a);
-  margin: 1rem 0;
-}
-
-/* Semantic alert callouts (#2595) — author opt-in via `> [!TYPE]`.
-   Base `blockquote` (blue Information) remains the default for plain `>`.
-   Color-only: override border + fill, nothing else. Horizon-light hex are
-   fallbacks because several --sap*Background/BorderColor tokens are not
-   declared in this project's theme-vars. */
-blockquote.alert-note {
-  border-left-color: var(--sapInformationBorderColor, #0070f2);
-  background-color: var(--sapInformationBackground, #e1f4ff);
-}
-blockquote.alert-important {
-  /* Horizon emphasis / indication (purple) — distinct from NOTE's
-     Information blue so authors can tell the two apart (#2703). */
-  border-left-color: var(--sapIndicationColor_5, #5d36ff);
-  background-color: var(--sapButton_Emphasized_Hover_Background, #f2f0ff);
-}
-blockquote.alert-tip {
-  border-left-color: var(--sapSuccessBorderColor, #30914c);
-  background-color: var(--sapSuccessBackground, #f5fae5);
-}
-blockquote.alert-warning {
-  border-left-color: var(--sapWarningBorderColor, #dd6100);
-  background-color: var(--sapWarningBackground, #fff8d6);
-}
-blockquote.alert-caution {
-  border-left-color: var(--sapErrorBorderColor, #e90b0b);
-  background-color: var(--sapErrorBackground, #ffeaf4);
-}
-
-/* Tutorial meta bar (tags + time) */
-.tutorial-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.75rem 1.5rem;
-  align-items: center;
-  margin-bottom: 1rem;
-  font-size: 0.875rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.meta-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.35rem;
-}
-
-.meta-icon {
-  font-size: 1rem;
-}
-
-.meta-level {
-  text-transform: capitalize;
-}
-
-.meta-tags {
-  display: inline-flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.35rem;
-}
-
-.tutorial-tag {
-  display: inline-block;
-  padding: 0.125rem 0.5rem;
-  border: 1px solid var(--sapBrandColor, #0070f2);
-  border-radius: 1rem;
-  color: var(--sapBrandColor, #0070f2);
-  font-size: 0.6875rem;
-  font-weight: 600;
-}
-
-/* #2112 — clickable Overview tags: deep-link parity with the header chips */
-a.tutorial-tag--link {
-  text-decoration: none;
-  cursor: pointer;
-}
-
-a.tutorial-tag--link:hover,
-a.tutorial-tag--link:focus-visible {
-  background: var(--sapBrandColor, #0070f2);
-  color: var(--sapButton_Emphasized_TextColor, #fff);
-}
-
-/* Step progress bar */
-#progress-bar {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  color: var(--sapContent_LabelColor, #556b82);
-  margin: 1.25rem 0 0.5rem;
-}
-
-/* Step controls (Open all / Close all) */
-.step-controls {
-  display: flex;
-  justify-content: flex-end;
-  gap: 1rem;
-  margin-bottom: 1rem;
-  font-size: 0.8125rem;
-}
-
-.step-controls a,
-.step-controls button {
-  color: var(--sapLinkColor, #0064d9);
-  text-decoration: none;
-  /* button reset so converted <button> elements match link appearance */
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  font: inherit;
-}
-
-.step-controls a:hover,
-.step-controls button:hover {
-  text-decoration: underline;
-}
-
-/* Sidebar step TOC card */
-.step-toc {
-  background-color: var(--sapBaseColor, #fff);
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  border-radius: 0.5rem;
-  padding: 1rem 1.25rem;
-}
-
-.step-toc h4 {
-  margin: 0 0 0.75rem;
-  font-size: 0.9375rem;
-  font-weight: 700;
-  color: var(--sapTextColor, #32363a);
-}
-
-.step-toc-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.step-toc-list li {
-  margin-bottom: 0.5rem;
-  font-size: 0.8125rem;
-  line-height: 1.4;
-}
-
-.step-toc-list a {
-  display: flex;
-  align-items: center;
-  gap: 0.625rem;
-  color: var(--sapTextColor, #32363a);
-  text-decoration: none;
-  transition: color 0.15s;
-}
-
-.step-toc-list a:hover {
-  color: var(--sapBrandColor, #0070f2);
-}
-
-.step-toc-list a:hover .step-toc-circle {
-  border-color: var(--sapBrandColor, #0070f2);
-  color: var(--sapBrandColor, #0070f2);
-}
-
-.step-toc-circle {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.625rem;
-  height: 1.625rem;
-  border-radius: 50%;
-  border: 2px solid var(--sapNeutralBorderColor, #bcc3ca);
-  font-size: 0.6875rem;
-  font-weight: 600;
-  flex-shrink: 0;
-  color: var(--sapContent_LabelColor, #556b82);
-  transition: border-color 0.15s, color 0.15s;
-  position: relative;
-}
-
-.step-toc-list li.active .step-toc-circle {
-  border-color: var(--sapBrandColor, #0070f2);
-  background: var(--sapBrandColor, #0070f2);
-  color: #fff;
-}
-
-.step-toc-list li.completed .step-toc-circle {
-  border-color: var(--sapPositiveColor, #30914c);
-  background: var(--sapPositiveColor, #30914c);
-  color: #fff;
-}
-
-/* Issue #1742: make the CURRENT step unmistakable even once it is also
-   completed. The .completed green fill above wins over .active on the circle
-   (equal specificity, later source order), so previously the current step
-   collapsed to look identical to every other green checkmarked step —
-   distinguished only by bold text, which was hard to spot.
-
-   Fix: ring the active circle with a themed blue halo drawn as box-shadow
-   (a white gap then a blue ring), which layers on top of ANY fill colour, so
-   a current+completed circle still clearly stands out. A subtle expanding
-   pulse (adapted from the devtoberfest CTA's `ctaPulseJoule`) draws the eye
-   without being noisy; the static ring persists in every keyframe and under
-   reduced-motion so the cue never depends on the animation. */
-.step-toc-list li.active .step-toc-circle {
-  box-shadow:
-    0 0 0 2px var(--sapList_Background, var(--sapBackgroundColor, #fff)),
-    0 0 0 4px var(--sapBrandColor, #0070f2);
-  animation: stepTocActivePulse 1.8s ease-out infinite;
-}
-
-@keyframes stepTocActivePulse {
-  0% {
-    box-shadow:
-      0 0 0 2px var(--sapList_Background, var(--sapBackgroundColor, #fff)),
-      0 0 0 4px var(--sapBrandColor, #0070f2),
-      0 0 0 4px rgba(0, 112, 242, 0.45);
-  }
-  70%,
-  100% {
-    box-shadow:
-      0 0 0 2px var(--sapList_Background, var(--sapBackgroundColor, #fff)),
-      0 0 0 4px var(--sapBrandColor, #0070f2),
-      0 0 0 11px rgba(0, 112, 242, 0);
-  }
-}
-
-/* Reduced-motion: drop the pulse but keep the static ring so the current
-   step is still clearly marked. */
-@media (prefers-reduced-motion: reduce) {
-  .step-toc-list li.active .step-toc-circle {
-    animation: none;
-  }
-}
-
-/* Issue #568 (extended): step-nav indicator badges. Three slot indicators
-   (quiz, codecheck, branch) sharing one visual treatment so a user can scan
-   the step TOC and tell at a glance which steps demand which kind of work.
-   See docs/superpowers/specs/2026-06-23-step-nav-codecheck-branch-indicators-design.md.
-
-   Each badge is a 14px-outer circle (11px inner color + 1.5px background-colored
-   border so the badge stays legible when overlapping an .active (blue-filled)
-   or .completed (green-filled) circle). The glyph is rendered via CSS
-   `mask-image` with `background-color: currentColor`, so each modifier only
-   needs to override `color:` and `--mask-image:`. */
-
-.step-badge-row {
-  display: inline-flex;
-  flex-direction: row-reverse; /* rightmost slot fills first; cluster anchors right edge */
-  pointer-events: none;
-}
-
-/* Desktop right-column TOC: float over the bubble's top-right shoulder.
-   Nudged out to -5px (#1742) so the enlarged badge clears the number glyph
-   instead of crowding it. */
-.step-toc-circle .step-badge-row {
-  position: absolute;
-  top: -5px;
-  right: -5px;
-}
-
-/* Mobile step-sheet: sit inline before the step number text. */
-ui5-li .step-badge-row {
-  vertical-align: middle;
-  margin-right: 6px;
-}
-
-.step-badge {
-  /* Enlarged (#1742): 13px inner + 2px background-colored ring = 17px outer,
-     so the glyph reads at a glance and the badge sits clearly on the circle's
-     shoulder rather than overlapping the number. */
-  width: 13px;
-  height: 13px;
-  border-radius: 50%;
-  border: 2px solid var(--sapList_Background, var(--sapBackgroundColor, #fff));
-  background-color: currentColor;
-  -webkit-mask-position: center;
-          mask-position: center;
-  -webkit-mask-repeat: no-repeat;
-          mask-repeat: no-repeat;
-  -webkit-mask-size: 11px 11px;
-          mask-size: 11px 11px;
-  margin-left: -4px; /* overlap previous sibling in the row */
-  box-sizing: content-box;
-  flex: 0 0 auto;
-}
-.step-badge:last-child { margin-left: 0; } /* leftmost-in-row-reverse has no overlap */
-
-/* question-mark (SAP-icons-v5) — copied verbatim from
-   @ui5/webcomponents-icons/dist/v5/question-mark.js */
-.step-badge--quiz {
-  color: var(--sapPositiveColor, #30914c);
-  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm0 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM8 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8a2.99 2.99 0 0 1 .75 5.884v.366a.75.75 0 0 1-1.5 0V8.231c0-.547.407-.716.904-.757.498-.042 1.346-.54 1.346-1.483A1.49 1.49 0 0 0 8 4.5c-.883 0-1.414.582-1.504 1.567A.75.75 0 0 1 5 5.991 2.99 2.99 0 0 1 8 3Z'/></svg>");
-          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Zm0 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM8 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8a2.99 2.99 0 0 1 .75 5.884v.366a.75.75 0 0 1-1.5 0V8.231c0-.547.407-.716.904-.757.498-.042 1.346-.54 1.346-1.483A1.49 1.49 0 0 0 8 4.5c-.883 0-1.414.582-1.504 1.567A.75.75 0 0 1 5 5.991 2.99 2.99 0 0 1 8 3Z'/></svg>");
-}
-
-/* source-code (SAP-icons-v5) — copied verbatim from
-   @ui5/webcomponents-icons/dist/v5/source-code.js */
-.step-badge--codecheck {
-  color: var(--sapInformativeColor, #0070f2);
-  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.742 4.2a.75.75 0 0 1 1.02 1.1L1.853 7.997l2.91 2.704a.75.75 0 0 1-1.022 1.1L.239 8.546A.757.757 0 0 1 .24 7.45L3.742 4.2Zm7.463.04a.75.75 0 0 1 1.06-.04l3.502 3.249a.757.757 0 0 1 0 1.098l-3.5 3.253a.752.752 0 0 1-1.023-1.1l2.91-2.703L11.245 5.3a.75.75 0 0 1-.04-1.06Z'/></svg>");
-          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.742 4.2a.75.75 0 0 1 1.02 1.1L1.853 7.997l2.91 2.704a.75.75 0 0 1-1.022 1.1L.239 8.546A.757.757 0 0 1 .24 7.45L3.742 4.2Zm7.463.04a.75.75 0 0 1 1.06-.04l3.502 3.249a.757.757 0 0 1 0 1.098l-3.5 3.253a.752.752 0 0 1-1.023-1.1l2.91-2.703L11.245 5.3a.75.75 0 0 1-.04-1.06Z'/></svg>");
-}
-
-/* decision (SAP-icons-v5) — copied verbatim from
-   @ui5/webcomponents-icons/dist/v5/decision.js */
-.step-badge--branch {
-  color: var(--sapAccentColor6, #df9941);
-  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M12.821 3.999c.492.4 1.045.991 1.145 1.647.176 1.16-.256 2.314-1.03 3.172a5.2 5.2 0 0 1-.536.511c.665.77.775 1.812.115 2.647a1.943 1.943 0 0 1-1.89.698 1.5 1.5 0 0 1-.524.763h.001c-.45.381-1.033.57-1.617.462-.264.613-.86.974-1.51 1.077a1.799 1.799 0 0 1-1.593-.522l-.012-.012-3.445-3.6C1.325 10.174 1 9.275 1 8.322c0-1.05.379-1.853 1.024-2.625l.828-.908A.75.75 0 0 1 3.961 5.8l-.828.909C2.72 7.188 2.5 7.77 2.5 8.322c0 .659.238 1.219.608 1.59l.012.01 3.323 3.473c.287.289.857.083.66-.34-.189-.313-.1-.8.17-1.007.314-.242.752-.222 1.012.077.153.175.312.306.565.306.283 0 .425-.364.239-.55a.75.75 0 0 1 .945-1.155l.455.302c.258.162.597.277.85.017.142-.146.202-.42.06-.582-.682-.776-1.392-1.522-2.101-2.272l-.598.961-.013.02a1.753 1.753 0 0 1-1.452.778h-.869a.75.75 0 0 1-.75-.75V6.213c0-1.28.878-2.373 2.106-2.676l2.18-.531c1.01-.122 2.153.368 2.92.993Zm-4.74.994c-.57.141-.965.643-.965 1.22V8.45c.122 0 .247.005.323-.11l1.148-1.837a.758.758 0 0 1 1.132-.049l1.67 1.765c.137-.11.288-.245.433-.406.437-.483.981-1.504.54-2.134-.513-.734-1.41-1.155-2.293-1.176l-1.988.49ZM2.22 1.22a.75.75 0 1 1 1.06 1.06l-2 2A.75.75 0 0 1 .22 3.22l2-2Zm10.5 0a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06Z'/></svg>");
-          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M12.821 3.999c.492.4 1.045.991 1.145 1.647.176 1.16-.256 2.314-1.03 3.172a5.2 5.2 0 0 1-.536.511c.665.77.775 1.812.115 2.647a1.943 1.943 0 0 1-1.89.698 1.5 1.5 0 0 1-.524.763h.001c-.45.381-1.033.57-1.617.462-.264.613-.86.974-1.51 1.077a1.799 1.799 0 0 1-1.593-.522l-.012-.012-3.445-3.6C1.325 10.174 1 9.275 1 8.322c0-1.05.379-1.853 1.024-2.625l.828-.908A.75.75 0 0 1 3.961 5.8l-.828.909C2.72 7.188 2.5 7.77 2.5 8.322c0 .659.238 1.219.608 1.59l.012.01 3.323 3.473c.287.289.857.083.66-.34-.189-.313-.1-.8.17-1.007.314-.242.752-.222 1.012.077.153.175.312.306.565.306.283 0 .425-.364.239-.55a.75.75 0 0 1 .945-1.155l.455.302c.258.162.597.277.85.017.142-.146.202-.42.06-.582-.682-.776-1.392-1.522-2.101-2.272l-.598.961-.013.02a1.753 1.753 0 0 1-1.452.778h-.869a.75.75 0 0 1-.75-.75V6.213c0-1.28.878-2.373 2.106-2.676l2.18-.531c1.01-.122 2.153.368 2.92.993Zm-4.74.994c-.57.141-.965.643-.965 1.22V8.45c.122 0 .247.005.323-.11l1.148-1.837a.758.758 0 0 1 1.132-.049l1.67 1.765c.137-.11.288-.245.433-.406.437-.483.981-1.504.54-2.134-.513-.734-1.41-1.155-2.293-1.176l-1.988.49ZM2.22 1.22a.75.75 0 1 1 1.06 1.06l-2 2A.75.75 0 0 1 .22 3.22l2-2Zm10.5 0a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06Z'/></svg>");
-}
-
-/* ── Tutorial step accordion ── */
-.tutorial-step {
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  border-radius: 0.5rem;
-  margin-bottom: 0.75rem;
-  background: var(--sapBaseColor, #fff);
-  overflow: hidden;
-}
-
-.tutorial-step.completed {
-  border-color: var(--sapPositiveBorderColor, #30914c);
-}
-
-.step-header {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 0.875rem 1.25rem;
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
-  transition: background 0.1s;
-}
-
-.step-header:hover {
-  background: var(--sapList_Hover_Background, rgba(0, 0, 0, 0.04));
-}
-
-.step-check-circle {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.75rem;
-  height: 1.75rem;
-  border-radius: 50%;
-  border: 2px solid var(--sapNeutralBorderColor, #bcc3ca);
-  font-size: 0.75rem;
-  flex-shrink: 0;
-  color: transparent;
-}
-
-.tutorial-step.completed .step-check-circle {
-  border-color: var(--sapPositiveColor, #30914c);
-  background: var(--sapPositiveColor, #30914c);
-  color: #fff;
-}
-
-.step-header-text {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-width: 0;
-}
-
-.step-label {
-  font-size: 0.6875rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--sapContent_LabelColor, #556b82);
-}
-
-.step-title-text {
-  font-size: 1.25rem;
-  font-weight: 400;
-  color: var(--sapBrandColor, #0070f2);
-  line-height: 1.3;
-}
-
-.step-toggle-icon {
-  font-size: 1.25rem;
-  font-weight: 400;
-  color: var(--sapContent_IconColor, #556b82);
-  flex-shrink: 0;
-  width: 1.25rem;
-  text-align: center;
-}
-
-.step-body {
-  padding: 0 1.25rem 1.25rem;
-}
-
-.step-divider {
-  border: none;
-  border-top: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  margin: 0 0 1rem;
-}
-
-.step-content {
-  font-size: 0.9375rem;
-  line-height: 1.7;
-  color: var(--sapTextColor, #32363a);
-}
-
-.step-content h2,
-.step-content h3,
-.step-content h4 {
-  margin-top: 1.5rem;
-  margin-bottom: 0.5rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.step-content p {
-  margin: 0.75rem 0;
-}
-
-.step-content ul,
-.step-content ol {
-  margin: 0.5rem 0;
-  padding-left: 1.5rem;
-}
-
-.step-content li {
-  margin-bottom: 0.375rem;
-}
-
-/*
- * Issue #168 — tighten malformed-nesting visuals.
- *
- * Tutorial markdown sometimes ships with item `2.` indented 4 spaces under `1.`,
- * which CommonMark turns into a nested <ol start="N"> inside the parent <li>.
- * Without these rules the nested list reads as a separate sub-block with full
- * top/bottom margins and a deep indent, fragmenting the step.
- *
- * These rules don't fix the source markdown — they make the rendered output
- * more forgiving across the catalogue. The same fragmentation appears on the
- * legacy AEM site but is masked by tighter list CSS there.
- */
-
-/* Nested list inside a list item: collapse vertical rhythm + reduce indent. */
-.step-content li > ol,
-.step-content li > ul {
-  margin-top: 0.125rem;
-  margin-bottom: 0.125rem;
-  padding-left: 1.25rem;
-}
-
-/*
- * #2703 — restore list-child indentation for OPTION blocks nested in substeps.
- *
- * An OPTION block ([OPTION BEGIN]…[OPTION END]) authored inside a numbered
- * substep is emitted FLUSH-LEFT by options.ts (it has to close the surrounding
- * <ol> so Goldmark parses the panel body as markdown — see options.ts #2703).
- * The os-options / option-tabs block and any content that TRAILS the OPTION
- * group within the same substep (prose, images, > [!TIP] alerts) therefore
- * land as direct children of .step-content at column 0, visually detached from
- * the "N." item they belong to. Indent them to match the list-item content
- * column (<ol> padding-left 1.5rem) so the hierarchy reads consistently —
- * purely cosmetic, no change to the DOM structure the parser produces.
- *
- * Scoped to the direct-child combinator so only the step-root-level blocks
- * (the ones the list-close detached) are indented; panels/alerts genuinely
- * nested inside a surviving <li> are untouched.
- */
-.step-content > .os-options,
-.step-content > .option-tabs,
-.step-content > blockquote.alert,
-/* #2820 — the OPTION group also detaches the PROSE/IMAGE/code that trails it
- * within the same substep (e.g. "Set the install directory…", the install
- * screenshot). Those land as column-0 direct children of .step-content after
- * the block, so indent them to the same content column as the .os-options /
- * alerts above. The general-sibling `~` only reaches direct .step-content
- * children, and the `.step-content > ol` reset below keeps the reopened
- * `<ol start="N">` substeps from being double-indented. */
-.step-content > .os-options ~ p,
-.step-content > .os-options ~ figure,
-.step-content > .os-options ~ pre,
-.step-content > .os-options ~ .code-block,
-.step-content > .os-options ~ blockquote,
-.step-content > .option-tabs ~ p,
-.step-content > .option-tabs ~ figure,
-.step-content > .option-tabs ~ pre,
-.step-content > .option-tabs ~ .code-block,
-.step-content > .option-tabs ~ blockquote {
-  /* #2820 — tutorial code fences render as `<div class="code-block">` (the
-   * `<pre>` is nested inside, so the `~ pre` entry above never matches them);
-   * a code box that TRAILS an OPTION group within the same substep must get
-   * the same content-column indent as the trailing prose/figures, otherwise it
-   * sits flush-left (0px) while the surrounding blocks sit at 1.5rem — the
-   * stair-stepped indentation reported in #2820 (hdbsql step 5 substep 2). */
-  margin-left: 1.5rem;
-}
-
-/* A reopened numbered list (<ol start="N">) already indents its own <li>
- * content; it must NOT also pick up the trailing-sibling indent above, or
- * substeps after the first OPTION block would march progressively rightward. */
-.step-content > ol {
-  margin-left: 0;
-}
-
-/*
- * #2820 — figures are left-aligned globally now (see the base .tutorial-figure
- * rule: align-items: flex-start). What remains here is purely the tighter
- * vertical rhythm for figures that sit in the step flow — inside an OPTION
- * panel, or trailing an OPTION group as a detached .step-content child — so
- * they read as inline step screenshots rather than opening a full-height
- * block. The `~` combinator only reaches direct .step-content children;
- * figures in a surviving/reopened <li> get the same rhythm from
- * `.step-content li .tutorial-figure` below.
- */
-.os-panel .tutorial-figure,
-.option-tabs .tutorial-figure {
-  margin: 0.5rem 0;
-}
-
-/* A figure that TRAILS an OPTION group is a column-0 sibling of the list (the
- * OPTION shortcode's block <div> closes the list, #2820), so it needs the same
- * 1.5rem content-column indent as the trailing prose/alerts above. Set the
- * vertical rhythm with margin-top/bottom ONLY — using the `margin` shorthand
- * here would reset margin-left back to 0 and clobber the 1.5rem indent set by
- * the `~ figure` rule above (equal specificity, later rule wins), leaving the
- * image jammed at the far-left edge, out of alignment with the surrounding
- * prose and tips. */
-.step-content > .os-options ~ .tutorial-figure,
-.step-content > .option-tabs ~ .tutorial-figure {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-  margin-left: 1.5rem;
-}
-
-
-/* Empty paragraphs between figures and adjacent prose are an artefact of the
- * markdown -> HTML pipeline (an empty line between `\3c !-- border -->` and the
- * next image becomes `<p></p>`). They render as an extra blank line. */
-.step-content p:empty {
-  display: none;
-}
-
-/* A figure dropped inside a list item should sit flush with the surrounding
- * prose instead of opening a centred, full-width block with extra rhythm. */
-.step-content li .tutorial-figure {
-  margin: 0.5rem 0;
-  align-items: flex-start;
-}
-
-/* Figcaption that is identical to the alt text adds noise without information.
- * The pipeline emits `<figcaption>step1a-new-package</figcaption>` for every
- * image that has no explicit caption -- collapse those to a smaller inline
- * label so they stop reading as a content row of their own. */
-.step-content .tutorial-figcaption {
-  margin-top: 0.25rem;
-  font-size: 0.75rem;
-  line-height: 1.2;
-}
-
-/* When CommonMark sees `2.` indented under `1.`, it emits a NESTED
- * <ol start="2"> inside the parent <li>. Visually un-nest those by removing
- * indentation, so the items read as siblings of the parent list rather than
- * a sub-block. The `:not([start="1"])` discriminator ensures legitimate
- * nested numbered outlines (which always start at 1) are untouched. */
-.step-content li > ol[start]:not([start="1"]) {
-  padding-left: 0;
-  margin-left: -1.5rem;
-  list-style-position: inside;
-}
-
-.step-actions {
-  margin-top: 1.5rem;
-  padding-top: 1rem;
-  border-top: 1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-
-.step-actions button.is-auth-disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.step-actions button.is-completed {
-  background: var(--sapPositiveColor, #30914c);
-  border-color: var(--sapPositiveColor, #30914c);
-  color: #fff;
-  cursor: default;
-  opacity: 1;
-}
-
-.step-validation-mount:empty {
-  display: none;
-}
-
-/* Progress bar segments */
-.progress-segments {
-  display: flex;
-  gap: 3px;
-  flex: 1;
-  height: 6px;
-  border-radius: 3px;
-  overflow: hidden;
-}
-
-.progress-segment {
-  flex: 1;
-  background: var(--sapField_Background, #e5e5e5);
-  border-radius: 3px;
-  transition: background 0.2s;
-}
-
-.progress-segment.completed {
-  background: var(--sapPositiveColor, #30914c);
-}
-
-.progress-label {
-  font-size: 0.8125rem;
-  font-weight: 600;
-  color: var(--sapContent_LabelColor, #556b82);
-  white-space: nowrap;
-}
-
-/* You will learn section */
-.you-will-learn {
-  margin: 0 0 1.5rem;
-}
-
-.you-will-learn h3 {
-  font-size: 0.9375rem;
-  font-weight: 700;
-  margin: 0 0 0.5rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.you-will-learn ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.you-will-learn li {
-  display: flex;
-  align-items: baseline;
-  gap: 0.5rem;
-  margin-bottom: 0.25rem;
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-
-.you-will-learn .check-icon {
-  color: var(--sapPositiveColor, #30914c);
-  font-size: 0.75rem;
-}
-
-/* Tutorial title & description */
-.tutorial-title {
-  font-size: 1.75rem;
-  font-weight: 700;
-  margin: 0 0 0.75rem;
-  line-height: 1.3;
-  color: var(--sapTextColor, #32363a);
-}
-
-/* Title-row Print / Save-as-PDF action (rendered in the tutorial object-page
-   header — .op-header__titlerow provides the flex layout in u1-object-page.html) */
-.tutorial-print-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.375rem;
-  padding: 0.375rem 0.75rem;
-  font: inherit;
-  font-size: 0.8125rem;
-  line-height: 1;
-  color: var(--sapButton_TextColor, #0064d9);
-  background: var(--sapButton_Background, transparent);
-  border: 1px solid var(--sapButton_BorderColor, #0064d9);
-  border-radius: 0.5rem;
-  cursor: pointer;
-  white-space: nowrap;
-}
-
-.tutorial-print-btn:hover {
-  background: var(--sapButton_Hover_Background, rgba(0, 100, 217, 0.08));
-}
-
-.tutorial-print-btn:focus-visible {
-  outline: 2px solid var(--sapContent_FocusColor, #0064d9);
-  outline-offset: 1px;
-}
-
-.tutorial-print-icon {
-  flex: 0 0 auto;
-}
-
-.tutorial-description {
-  font-size: 0.9375rem;
-  line-height: 1.6;
-  color: var(--sapContent_LabelColor, #556b82);
-  margin: 0 0 1.25rem;
-}
-
-/* Tutorial author line (compact single row matching production) */
-.tutorial-author-line {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.5rem 1.25rem;
-  font-size: 0.8125rem;
-  padding: 0.75rem 0;
-  margin-bottom: 1rem;
-  border-bottom: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-}
-
-.tutorial-hidden {
-  display: none !important;
-}
-
-.author-line-section {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.author-line-avatar {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  object-fit: cover;
-  flex-shrink: 0;
-}
-
-.author-line-avatar-link {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  text-decoration: none;
-  border-radius: 50%;
-}
-
-.author-line-avatar-placeholder {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: var(--sapAccentColor6, #286eb4);
-  color: #fff;
-  font-weight: 600;
-  font-size: 0.8125rem;
-}
-
-.author-line-name {
-  font-weight: 600;
-  color: var(--sapLinkColor, #0064d9);
-  text-decoration: none;
-}
-
-a.author-line-name:hover {
-  text-decoration: underline;
-}
-
-.author-line-date {
-  font-size: 0.75rem;
-  color: var(--sapNeutralTextColor, #6a6d70);
-  white-space: nowrap;
-}
-
-/* #2745: updated-date carries a hover/focus tooltip with the full timestamp
-   converted to the viewer's local timezone. */
-.author-line-date--updated {
-  position: relative;
-  cursor: help;
-  outline: none;
-}
-
-.author-line-date-tooltip {
-  position: absolute;
-  bottom: calc(100% + 8px);
-  left: 50%;
-  transform: translateX(-50%) translateY(4px);
-  z-index: 20;
-  width: max-content;
-  max-width: 16rem;
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  background: var(--sapGroup_ContentBackground, #fff);
-  color: var(--sapTextColor, #32363a);
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  box-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(0, 0, 0, 0.15));
-  font-size: 0.75rem;
-  line-height: 1.4;
-  white-space: normal;
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  transition: opacity 0.12s ease, transform 0.12s ease, visibility 0s linear 0.12s;
-}
-
-.author-line-date-tooltip::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border: 6px solid transparent;
-  border-top-color: var(--sapGroup_ContentBackground, #fff);
-  filter: drop-shadow(0 1px 0 var(--sapGroup_ContentBorderColor, #d9d9d9));
-}
-
-.author-line-date--updated:hover .author-line-date-tooltip,
-.author-line-date--updated:focus-visible .author-line-date-tooltip {
-  opacity: 1;
-  visibility: visible;
-  transform: translateX(-50%) translateY(0);
-  transition: opacity 0.12s ease, transform 0.12s ease;
-}
-
-.author-line-label {
-  font-size: 0.75rem;
-  color: var(--sapNeutralTextColor, #6a6d70);
-}
-
-.author-line-icon {
-  color: var(--sapNeutralTextColor, #6a6d70);
-  flex-shrink: 0;
-}
-
-.author-line-created {
-  gap: 0.375rem;
-}
-
-.author-line-contributors {
-  gap: 0.5rem;
-}
-
-.author-line-avatars {
-  display: flex;
-  align-items: center;
-}
-
-.author-line-contrib-avatar-link {
-  display: flex;
-  margin-left: -4px;
-  cursor: pointer;
-  text-decoration: none;
-  border-radius: 50%;
-}
-
-.author-line-contrib-avatar-link:first-child {
-  margin-left: 0;
-}
-
-.author-line-contrib-avatar {
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 2px solid var(--sapBaseColor, #fff);
-}
-
-.author-line-expand-wrapper {
-  position: relative;
-}
-
-.author-line-expand-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  background: var(--sapNeutralBackground, #f5f6f7);
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  color: var(--sapNeutralTextColor, #6a6d70);
-  cursor: pointer;
-  transition: background 0.15s;
-}
-
-.author-line-expand-btn:hover {
-  background: var(--sapList_Hover_Background, #eaecee);
-}
-
-.author-line-dropdown {
-  display: none;
-  position: absolute;
-  top: calc(100% + 0.375rem);
-  right: 0;
-  z-index: 100;
-  min-width: 180px;
-  background: var(--sapBaseColor, #fff);
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  border-radius: 0.5rem;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-  padding: 0.375rem;
-}
-
-.author-line-expand-wrapper.is-open .author-line-dropdown {
-  display: block;
-}
-
-.author-line-dropdown-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.375rem 0.5rem;
-  border-radius: 0.25rem;
-  text-decoration: none;
-  transition: background 0.15s;
-}
-
-.author-line-dropdown-item:hover {
-  background: var(--sapList_Hover_Background, #eaecee);
-}
-
-.author-line-dropdown-avatar {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  object-fit: cover;
-  flex-shrink: 0;
-}
-
-.author-line-dropdown-name {
-  font-size: 0.8125rem;
-  font-weight: 500;
-  color: var(--sapLinkColor, #0064d9);
-}
-
-/* Tutorial prerequisites */
-.tutorial-prerequisites {
-  background: var(--sapInformationBackground, #e8f4fd);
-  border-left: 4px solid var(--sapBrandColor, #0070f2);
-  border-radius: 0 0.5rem 0.5rem 0;
-  padding: 1rem 1.25rem;
-  margin: 0 0 1.5rem;
-}
-
-.tutorial-prerequisites h3 {
-  font-size: 0.9375rem;
-  font-weight: 700;
-  margin: 0 0 0.5rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.tutorial-prerequisites ul {
-  margin: 0;
-  padding-left: 1.25rem;
-  list-style: disc;
-}
-
-.tutorial-prerequisites li {
-  font-size: 0.875rem;
-  line-height: 1.5;
-  margin-bottom: 0.25rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-/* #1388: prerequisites now renders markdown structure (prose paragraphs and/or
-   lists), not just a bullet list. Style paragraphs to match the list items and
-   collapse the outer margins so the info box hugs its content. */
-.tutorial-prerequisites p {
-  font-size: 0.875rem;
-  line-height: 1.5;
-  margin: 0 0 0.5rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.tutorial-prerequisites__body > :first-child {
-  margin-top: 0;
-}
-
-.tutorial-prerequisites__body > :last-child {
-  margin-bottom: 0;
-}
-
-.tutorial-prerequisites a {
-  color: var(--sapLinkColor, #0064d9);
-  text-decoration: none;
-}
-
-.tutorial-prerequisites a:hover {
-  text-decoration: underline;
-}
-
-/* Option tabs (multi-option steps) */
-.option-tabs {
-  margin: 1rem 0;
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  border-radius: 0.5rem;
-  overflow: hidden;
-}
-
-.option-tabs .fd-tabs {
-  display: flex;
-  border-bottom: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  background: var(--sapField_Background, #f5f6f7);
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-.option-tabs .fd-tabs__item {
-  padding: 0.625rem 1.25rem;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  color: var(--sapContent_LabelColor, #556b82);
-  border-bottom: 2px solid transparent;
-  transition: all 0.15s;
-}
-
-.option-tabs .fd-tabs__item:hover {
-  color: var(--sapBrandColor, #0070f2);
-  background: var(--sapList_Hover_Background, rgba(0, 0, 0, 0.04));
-}
-
-.option-tabs .fd-tabs__item.is-selected {
-  color: var(--sapBrandColor, #0070f2);
-  border-bottom-color: var(--sapBrandColor, #0070f2);
-  background: var(--sapBaseColor, #fff);
-}
-
-.tab-panels {
-  padding: 1.25rem;
-}
-
-.tab-panel {
-  font-size: 0.9375rem;
-  line-height: 1.7;
-}
-
-/* Sidebar TOC active state */
-.step-toc-item.active a {
-  color: var(--sapBrandColor, #0070f2);
-  font-weight: 700;
-}
-
-.step-toc-item.completed a {
-  color: var(--sapPositiveColor, #30914c);
-}
-
-.step-toc-item.completed a::after {
-  content: ' ✓';
-  font-size: 0.6875rem;
-}
-
-/* Tables in tutorial content */
-.step-content table,
-.tutorial-main table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 1rem 0;
-  font-size: 0.875rem;
-}
-
-.step-content th,
-.tutorial-main th {
-  background: var(--sapField_Background, #f5f6f7);
-  font-weight: 700;
-  text-align: left;
-  padding: 0.625rem 0.75rem;
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  color: var(--sapTextColor, #32363a);
-}
-
-.step-content td,
-.tutorial-main td {
-  padding: 0.5rem 0.75rem;
-  border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9);
-  color: var(--sapTextColor, #32363a);
-}
-
-.step-content tr:nth-child(even),
-.tutorial-main tr:nth-child(even) {
-  background: var(--sapField_Background, #f9fafb);
-}
-
-/* Images in tutorials */
-.tutorial-main img {
-  border-radius: 0.375rem;
-  max-width: 100%;
-  height: auto;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
-  cursor: zoom-in;
-  transition: transform 0.15s ease, box-shadow 0.15s ease;
-}
-
-.tutorial-main img:hover {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);
-}
-
-html.dark .tutorial-main img {
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4);
-  filter: brightness(0.9) contrast(1.05);
-}
-
-html.dark .tutorial-main img:hover {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
-}
-
-.tutorial-figure {
-  margin: 1.25rem 0;
-  display: flex;
-  flex-direction: column;
-  /* #2820 — figures left-align with the surrounding prose column. Narrow
-   * images previously centred (align-items: center), reading as deliberately
-   * centred art when they are really inline step screenshots. */
-  align-items: flex-start;
-}
-
-.tutorial-figcaption {
-  margin-top: 0.5rem;
-  font-size: 0.875rem;
-  /* Not --sapContent_LabelColor: Horizon resolves it to #556B82 ≈ 4.1:1 on
-     white, which fails WCAG AA (4.5:1) for this small italic caption text
-     (axe color-contrast). #47566a ≈ 6.4:1 gives headroom. */
-  color: #47566a;
-  font-style: italic;
-  /* #2820 — caption left-aligns under the (now left-aligned) figure. */
-  text-align: left;
-  max-width: 90%;
-}
-
-/* Headings in tutorial main area */
-.tutorial-main h2 {
-  font-size: 1.375rem;
-  font-weight: 700;
-  margin: 1.5rem 0 0.75rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-.tutorial-main h3 {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin: 1.25rem 0 0.5rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-/* FD button Horizon styling */
-.fd-button {
-  cursor: pointer;
-  font-family: var(--sapFontFamily);
-  font-size: var(--sapFontSize, 0.875rem);
-  font-weight: 700;
-  height: 2.25rem;
-  min-width: 2.25rem;
-  padding: 0 0.625rem;
-  border-radius: var(--sapButton_BorderCornerRadius, 0.5rem);
-  transition: all 0.15s ease;
-}
-
-.fd-button--emphasized {
-  background: var(--sapButton_Emphasized_Background, #0070f2) !important;
-  border-color: var(--sapButton_Emphasized_BorderColor, #0064d9) !important;
-  color: var(--sapButton_Emphasized_TextColor, #fff) !important;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
-}
-
-.fd-button--emphasized:hover {
-  background: var(--sapButton_Emphasized_Hover_Background, #0064d9) !important;
-  border-color: var(--sapButton_Emphasized_Hover_BorderColor, #0058c0) !important;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
-}
-
-.fd-button--emphasized:active,
-.fd-button--emphasized.is-active {
-  background: var(--sapButton_Emphasized_Active_Background, #0058c0) !important;
-  border-color: var(--sapButton_Emphasized_Active_BorderColor, #004da5) !important;
-}
-
-.fd-button--emphasized[disabled],
-.fd-button--emphasized.is-disabled {
-  background: var(--sapButton_Background, #fff) !important;
-  border-color: var(--sapButton_BorderColor, #bcc3ca) !important;
-  color: var(--sapContent_DisabledTextColor, #bcc3ca) !important;
-  box-shadow: none;
-  cursor: not-allowed;
-  opacity: 0.4;
-}
-
-.fd-button--transparent {
-  background: transparent;
-  border-color: transparent;
-  color: var(--sapButton_Lite_TextColor, #0064d9);
-}
-
-.fd-button--transparent:hover {
-  background: var(--sapButton_Lite_Hover_Background, rgba(0, 100, 217, 0.06));
-}
-
-/* Search input in light mode */
-.search-input {
-  background-color: var(--sapField_Background, #fff);
-  color: var(--sapField_TextColor, #32363a);
-}
-
-/* Tutorial cards white background */
-.tutorial-card {
-  background-color: var(--sapTile_Background, #fff);
-}
-
-/* ══════════════════════════════════════════════════════════════════════
-   Mission & Group Layout Styles
-   ══════════════════════════════════════════════════════════════════════ */
-
-/* ── Shared: breadcrumb bars ── */
-.mission-breadcrumb-bar,
-.group-breadcrumb-bar {
-  background: var(--sapBaseColor, #fff);
-  border-bottom: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  padding: 0.75rem 0;
-}
-.mission-breadcrumb-bar .breadcrumb-inner,
-.group-breadcrumb-bar .breadcrumb-inner {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 0 2rem;
-  font-size: 0.8125rem;
-}
-.mission-breadcrumb-bar .fd-breadcrumb,
-.group-breadcrumb-bar .fd-breadcrumb {
-  padding: 0;
-  margin: 0;
-}
-.mission-breadcrumb-bar .fd-breadcrumb__link,
-.group-breadcrumb-bar .fd-breadcrumb__link {
-  font-size: 0.8125rem;
-}
-.mission-breadcrumb-bar .fd-breadcrumb__link--current,
-.group-breadcrumb-bar .fd-breadcrumb__link--current {
-  color: var(--sapTextColor, #32363a);
-  cursor: default;
-}
-
-/* ── Shared: type badges ── */
-.type-badge {
-  display: inline-block;
-  font-size: 0.6875rem;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  padding: 0.2rem 0.625rem;
-  border-radius: 1rem;
-  margin-bottom: 0.75rem;
-}
-.type-badge--mission {
-  background: rgba(4, 108, 122, 0.2);
-  color: #7dd3de;
-  border: 1px solid rgba(125, 211, 222, 0.3);
-}
-.type-badge--group {
-  background: rgba(108, 50, 169, 0.15);
-  color: var(--sapAccentColor8, #6c32a9);
-  border: 1px solid rgba(108, 50, 169, 0.25);
-}
-
-/* In hero context, group badge uses lighter palette */
-.mission-hero .type-badge--mission,
-.group-hero .type-badge--group {
-  color: #c4a0ef;
-  background: rgba(108, 50, 169, 0.2);
-  border: 1px solid rgba(196, 160, 239, 0.3);
-}
-.mission-hero .type-badge--mission {
-  color: #7dd3de;
-  background: rgba(4, 108, 122, 0.2);
-  border: 1px solid rgba(125, 211, 222, 0.3);
-}
-
-/* ── Shared: meta ── */
-.mission-meta,
-.group-meta {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  opacity: 0.85;
-  flex-wrap: wrap;
-  margin-bottom: 1rem;
-}
-.meta-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-.meta-sep {
-  opacity: 0.5;
-}
-
-/* ── Shared: tag pills ── */
-.mission-tags,
-.group-tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.375rem;
-}
-.tag-pill {
-  display: inline-block;
-  padding: 0.15rem 0.5rem;
-  border: 1px solid rgba(255, 255, 255, 0.35);
-  border-radius: 1rem;
-  font-size: 0.6875rem;
-  font-weight: 600;
-  color: rgba(255, 255, 255, 0.9);
-}
-
-/* ── Mission wrapper ── */
-.mission-wrapper,
-.group-wrapper {
-  background: var(--sapBackgroundColor, #f5f6f7);
-  min-height: 100vh;
-}
-
-/* ── Mission hero ── */
-.mission-hero,
-.group-hero {
-  background: var(--sapShellColor, #354a5f);
-  color: var(--sapShell_TextColor, #fff);
-  padding: 2.5rem 2rem;
-}
-.mission-hero .hero-inner,
-.group-hero .hero-inner {
-  max-width: 1280px;
-  margin: 0 auto;
-}
-.mission-hero .hero-top {
-  display: flex;
-  align-items: flex-start;
-  gap: 2rem;
-}
-.mission-hero .hero-text {
-  flex: 1;
-  min-width: 0;
-}
-.mission-hero h1,
-.group-hero h1 {
-  font-size: 2rem;
-  font-weight: 700;
-  margin: 0 0 0.75rem;
-  color: inherit;
-  line-height: 1.25;
-}
-.mission-description,
-.group-description {
-  font-size: 1rem;
-  line-height: 1.7;
-  opacity: 0.9;
-  max-width: 700px;
-  margin: 0 0 1rem;
-}
-
-/* ── Mission body ── */
-.mission-body,
-.group-body {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 1.5rem 2rem 3rem;
-}
-
-.groups-section h2,
-.group-body h2 {
-  font-size: 1.25rem;
-  font-weight: 700;
-  margin: 1.5rem 0 1rem;
-  color: var(--sapTextColor, #32363a);
-}
-
-/* ── Group cards (on mission page) ── */
-.group-card {
-  background: var(--sapBaseColor, #fff);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  margin-bottom: 1rem;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
-}
-.group-card-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
-}
-.group-header-left {
-  flex: 1;
-  min-width: 0;
-}
-.group-card-header h3 {
-  font-size: 1.125rem;
-  font-weight: 700;
-  margin: 0.25rem 0 0.25rem;
-  color: var(--sapTextColor, #32363a);
-}
-.group-card-header h3 a {
-  color: inherit;
-  text-decoration: none;
-}
-.group-card-header h3 a:hover {
-  color: var(--sapBrandColor, #0070f2);
-}
-.group-card-header .group-meta {
-  font-size: 0.8125rem;
-  color: var(--sapNeutralTextColor, #6a6d70);
-  opacity: 1;
-  margin-bottom: 0;
-}
-.group-chevron {
-  font-size: 0.875rem;
-  color: var(--sapNeutralTextColor, #6a6d70);
-  transition: transform 0.2s;
-  flex-shrink: 0;
-  margin-top: 0.25rem;
-  padding: 0.25rem;
-}
-.group-card.expanded .group-chevron {
-  transform: rotate(180deg);
-}
-
-/* Collapse/expand group card body */
-.group-card-body {
-  margin-top: 1rem;
-  display: none;
-}
-.group-card.expanded .group-card-body {
-  display: block;
-}
-
-/* ── Tutorial list (shared by mission groups + group page) ── */
-.group-tutorials {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.tutorial-item {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  padding: 0.75rem 0;
-  border-bottom: 1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);
-}
-.tutorial-item:last-child {
-  border-bottom: none;
-}
-.tutorial-number {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.75rem;
-  height: 1.75rem;
-  border-radius: 50%;
-  border: 2px solid var(--sapNeutralBorderColor, #bcc3ca);
-  color: var(--sapNeutralTextColor, #6a6d70);
-  font-weight: 600;
-  font-size: 0.75rem;
-  flex-shrink: 0;
-  margin-top: 0.1rem;
-}
-.tutorial-info {
-  flex: 1;
-  min-width: 0;
-}
-.tutorial-link {
-  color: var(--sapLinkColor, #0064d9);
-  text-decoration: none;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  line-height: 1.4;
-}
-.tutorial-link:hover {
-  text-decoration: underline;
-}
-/* #2864 — temporarily-unavailable path item: delinked, dimmed, cursor-default */
-.tutorial-link--unavailable {
-  color: var(--sapNeutralTextColor, #6a6d70);
-  font-weight: 600;
-  font-size: 0.9375rem;
-  line-height: 1.4;
-  cursor: default;
-  text-decoration: none;
-}
-.tutorial-card--unavailable {
-  opacity: 0.6;
-  cursor: default;
-}
-/* Temporarily Unavailable badge (path-item level; mirrors .nav-card__unavailable-badge) */
-.nav-card__unavailable-badge {
-  display: inline-block;
-  margin-top: 0.375rem;
-  margin-left: 0.375rem;
-  padding: 0.2rem 0.5rem;
-  border-radius: 0.25rem;
-  background: var(--sapCriticalColor, #e9730c);
-  color: #fff;
-  font-size: 0.6875rem;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  line-height: 1;
-  vertical-align: middle;
-}
-.tutorial-meta-row {
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-  font-size: 0.75rem;
-  color: var(--sapNeutralTextColor, #6a6d70);
-  margin-top: 0.15rem;
-}
-.tutorial-meta-row .meta-sep {
-  color: var(--sapNeutralBorderColor, #d9d9d9);
-}
-
-.group-start-link {
-  display: inline-block;
-  margin-top: 0.75rem;
-  color: var(--sapBrandColor, #0070f2);
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-decoration: none;
-}
-.group-start-link:hover {
-  text-decoration: underline;
-}
-
-/* ── Timeline (group page) ── */
-.tutorial-timeline {
-  display: flex;
-  flex-direction: column;
-}
-.timeline-item {
-  display: flex;
-  gap: 1rem;
-}
-.timeline-connector {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex-shrink: 0;
-  width: 2rem;
-}
-.timeline-circle {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 50%;
-  border: 2px solid var(--sapNeutralBorderColor, #bcc3ca);
-  color: var(--sapNeutralTextColor, #6a6d70);
-  font-weight: 700;
-  font-size: 0.8125rem;
-  background: var(--sapBaseColor, #fff);
-  z-index: 1;
-}
-
-/* #2733 — per-user completion on the numbered markers, matching the
-   tutorial-page step-TOC completed circle (green fill + white check).
-   Applied client-side by the goal-completion island for signed-in users;
-   anonymous pages keep the plain numbered circles above. */
-.tutorial-number.completed,
-.timeline-circle.completed {
-  border-color: var(--sapPositiveColor, #30914c);
-  background: var(--sapPositiveColor, #30914c);
-  color: #fff;
-}
-
-/* #2733 — group-level "N of M complete" indicator in the group header.
-   Rendered empty by the server; filled client-side by the island. */
-.group-completion {
-  font-size: 0.8125rem;
-  font-weight: 600;
-  color: var(--sapContent_LabelColor, #556b82);
-}
-.group-completion:empty {
-  display: none;
-}
-.group-completion--complete {
-  color: var(--sapPositiveColor, #30914c);
-}
-.timeline-line {
-  width: 2px;
-  flex: 1;
-  background: var(--sapNeutralBorderColor, #bcc3ca);
-  min-height: 1rem;
-}
-.timeline-card {
-  flex: 1;
-  background: var(--sapBaseColor, #fff);
-  border-radius: 0.75rem;
-  padding: 1.25rem 1.5rem;
-  margin-bottom: 0.75rem;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
-  transition: box-shadow 0.15s;
-  position: relative;
-}
-.timeline-card:hover {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-}
-.timeline-card__new-badge {
-  position: absolute;
-  top: 0.75rem;
-  right: 0.75rem;
-  background: var(--sapAccentColor8, #6c32a9);
-  color: #fff;
-  font-size: 0.6875rem;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-  line-height: 1;
-}
-.timeline-card-header h3 {
-  font-size: 1rem;
-  font-weight: 700;
-  margin: 0 0 0.25rem;
-  line-height: 1.4;
-}
-.timeline-card-header h3 a {
-  color: var(--sapTextColor, #32363a);
-  text-decoration: none;
-}
-.timeline-card-header h3 a:hover {
-  color: var(--sapBrandColor, #0070f2);
-}
-.timeline-card-meta {
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-  font-size: 0.75rem;
-  color: var(--sapNeutralTextColor, #6a6d70);
-}
-.timeline-card-meta .meta-sep {
-  color: var(--sapNeutralBorderColor, #d9d9d9);
-}
-.timeline-card-desc {
-  font-size: 0.8125rem;
-  line-height: 1.6;
-  color: var(--sapContent_LabelColor, #556b82);
-  margin: 0.5rem 0;
-}
-.timeline-card-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 0.75rem;
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);
-}
-.timeline-card-tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: var(--sapBrandColor, #0070f2);
-}
-.start-btn {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.375rem 1rem;
-  border-radius: 2rem;
-  background: var(--sapBrandColor, #0070f2);
-  color: #fff;
-  text-decoration: none;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  transition: background 0.15s;
-}
-.start-btn:hover {
-  background: var(--sapHighlightColor, #0064d9);
-  color: #fff;
-}
-
-/* ── Tutorial prev/next navigation ── */
-.tutorial-nav-bottom {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 2rem;
-  padding-top: 1.5rem;
-  border-top: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  gap: 1rem;
-}
-
-.tutorial-nav-prev,
-.tutorial-nav-next {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  text-decoration: none;
-  font-size: 0.875rem;
-  color: var(--sapLinkColor, #0064d9);
-}
-
-.tutorial-nav-prev:hover,
-.tutorial-nav-next:hover {
-  color: var(--sapLink_Hover_Color, #0064d9);
-  text-decoration: underline;
-}
-
-.tutorial-nav-next {
-  margin-left: auto;
-}
-
-/* ── Tutorial page responsive breakpoints ── */
-@media (max-width: 1024px) {
-  .tutorial-page {
-    grid-template-columns: 1fr;
-    padding: 1rem;
-  }
-  .tutorial-right-col {
-    display: none;
-  }
-}
-
-/* Knowledge-graph "Related concepts" sidebar — responsive split.
-   .kg-sidebar-desktop lives inside <aside class="tutorial-right-col"> which
-   itself goes display:none below 960px. The companion .kg-sidebar-mobile
-   placeholder lives in the main content column and is only visible below
-   960px. main.ts uses window.matchMedia to mount the Vue app onto exactly
-   one placeholder per viewport — the other stays in the DOM but unmounted. */
-.kg-sidebar-desktop {
-  display: block;
-}
-.kg-sidebar-mobile {
-  display: none;
-}
-@media (max-width: 960px) {
-  .kg-sidebar-mobile {
-    display: block;
-  }
-  .kg-sidebar-desktop {
-    display: none;
-  }
-}
-
-@media (max-width: 640px) {
-  .tutorial-nav-bottom {
-    flex-direction: column;
-    align-items: stretch;
-  }
-  .tutorial-nav-next {
-    margin-left: 0;
-    text-align: right;
-  }
-}
-
-/* ── Responsive ── */
-@media (max-width: 768px) {
-  .mission-hero h1,
-  .group-hero h1 {
-    font-size: 1.5rem;
-  }
-  .mission-body,
-  .group-body {
-    padding: 1rem;
-  }
-  .group-card {
-    padding: 1rem;
-  }
-  .mission-hero .hero-top {
-    flex-direction: column;
-  }
-  .timeline-card {
-    padding: 1rem;
-  }
-}
-
-/* ── Code block: filename + collapse + Chroma integration ── */
-.code-block-filename {
-  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  color: var(--sapTextColor, #32363a);
-  margin-right: 0.75rem;
-}
-
-.code-block-lang-secondary {
-  margin-left: auto;
-  margin-right: 0.5rem;
-  opacity: 0.7;
-}
-
-/* The Chroma <pre> sits inside .code-block-body — strip its own background so the block uses our header/body styling */
-.code-block-body .chroma {
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  margin: 0;
-  padding: 1rem;
-  overflow-x: auto;
-}
-
-.code-block-body .chroma pre {
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  border: none;
-}
-
-/* CDS code blocks — Shiki dual-theme color mapping (#1657).
-   scripts/highlight-cds.ts emits Shiki output with defaultColor:false, so each
-   token span carries only --shiki-light / --shiki-dark CSS variables and no
-   `color`. These rules paint those variables and pick light/dark from the same
-   html.dark / [data-theme="dark"] flags the theme toggle sets in lockstep
-   (head.html). Without them, CDS blocks render as uncoloured text even though
-   the markup is correct. This block was dropped in a9d94110 (static
-   sap-fundamental.css cleanup); restored here in the SOURCE so build:css bakes
-   it into the served, fingerprinted stylesheet. */
-.shiki,
-.shiki span {
-  color: var(--shiki-light);
-  background-color: var(--shiki-light-bg);
-}
-
-html.dark .shiki,
-html.dark .shiki span,
-[data-theme="dark"] .shiki,
-[data-theme="dark"] .shiki span {
-  color: var(--shiki-dark);
-  background-color: var(--shiki-dark-bg);
-}
-
-.code-block-body .shiki {
-  margin: 0;
-  padding: 1rem;
-  overflow-x: auto;
-}
-
-html.dark .code-block {
-  border-color: var(--sapField_BorderColor, #4a4d52);
-}
-
-html.dark .code-block-header {
-  background: var(--sapList_HeaderBackground, #1a1d21);
-  border-bottom-color: var(--sapField_BorderColor, #4a4d52);
-}
-
-html.dark .code-block-body,
-html.dark .code-block-body .chroma {
-  background: #0d1117;
-}
-
-html.dark pre,
-html.dark :not(pre) > code {
-  background-color: #0d1117;
-  color: #e6edf3;
-}
-
-/* Long-block collapse */
-.code-block-long .code-block-body[data-collapsed="true"] {
-  max-height: 28rem;
-  overflow: hidden;
-  position: relative;
-}
-
-.code-block-long .code-block-body[data-collapsed="true"]::after {
-  content: "";
-  position: absolute;
-  inset: auto 0 0 0;
-  height: 4rem;
-  background: linear-gradient(to bottom, transparent, var(--sapField_Background, #f5f6f7));
-  pointer-events: none;
-}
-
-html.dark .code-block-long .code-block-body[data-collapsed="true"]::after {
-  background: linear-gradient(to bottom, transparent, #0d1117);
-}
-
-.code-block-toggle {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  gap: 0.375rem;
-  padding: 0.5rem;
-  background: var(--sapNeutralBackground, #f5f6f7);
-  border: none;
-  border-top: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  font-size: 0.8125rem;
-  color: var(--sapLinkColor, #0064d9);
-  cursor: pointer;
-}
-
-.code-block-toggle:hover {
-  background: var(--sapList_Hover_Background, #eaecee);
-}
-
-.code-block-toggle .toggle-hide { display: none; }
-.code-block-toggle[aria-expanded="true"] .toggle-show { display: none; }
-.code-block-toggle[aria-expanded="true"] .toggle-hide { display: inline; }
-
-html.dark .code-block-toggle {
-  background: var(--sapList_HeaderBackground, #1a1d21);
-  border-top-color: var(--sapField_BorderColor, #4a4d52);
-}
-
-/* Diff block colour overrides — work in both themes thanks to Chroma classes */
-.chroma .gd { background-color: rgba(255, 129, 130, 0.15); }
-.chroma .gi { background-color: rgba(63, 185, 80, 0.15); }
-html.dark .chroma .gd { background-color: rgba(248, 81, 73, 0.15); }
-html.dark .chroma .gi { background-color: rgba(46, 160, 67, 0.15); }
-
-/* Chroma "error" token neutralization (#1745).
- * Chroma tags any token its lexer cannot parse with `.err`, which the github
- * light style paints white-on-dark-red (#82071e) and github-dark paints bright
- * red (#f85149). On tutorial content this misfires on valid-but-unlexable
- * syntax and makes whole blocks look broken:
- *   - VS Code REST Client (.http) files tagged ```HTTP: every line is flagged
- *     (@variables, {{templates}}, ### separators), so the ENTIRE block renders
- *     as a solid dark-red blob (issue #1745, hana-cloud-alerts-rest-api).
- *   - hdbsql interactive commands (\al, \pa, \s, \q, \serverstats) inside
- *     ```SQL / ```HDBSQL blocks show as ugly red backslashes
- *     (hana-clients-choose-hana-instance).
- * GitHub itself renders such tokens as plain text, never a red block. Repaint
- * `.err` to the normal code foreground with no background so unlexable tokens
- * read as ordinary monospace text in both themes. Scoped to .code-block-body
- * and (for dark) prefixed with html.dark so it outranks the generated
- * chroma-light.css / chroma-dark.css `.err` rules regardless of load order. */
-.code-block-body .chroma .err {
-  color: inherit;
-  background-color: transparent;
-}
-html.dark .code-block-body .chroma .err {
-  color: inherit;
-  background-color: transparent;
-}
-
-/* Chroma readability overrides (dark mode).
- * Hugo's `gen chromastyles --style=github-dark` emits empty rules for
- * unstyled tokens (.p, .n, .nx, .x, .na, .nb, .bp), expecting them to
- * inherit the foreground color from `pre.chroma`. But our `pre code`
- * rule (color: var(--sapTextColor)) intercepts that cascade, so we lock
- * in explicit colors here. We also brighten the function-name purple,
- * which reads dim against the very dark #0d1117 background. */
-html.dark .chroma code { color: #e6edf3; }
-html.dark .chroma .p,
-html.dark .chroma .n,
-html.dark .chroma .nx,
-html.dark .chroma .x,
-html.dark .chroma .na,
-html.dark .chroma .nb,
-html.dark .chroma .bp { color: #e6edf3; }
-html.dark .chroma .nf,
-html.dark .chroma .fm,
-html.dark .chroma .nd { color: #e2c5ff; font-weight: bold; }
-
-/* ── Mobile responsive: code blocks + images ── */
-@media (max-width: 640px) {
-  .code-block-body .chroma,
-  .code-block-body pre {
-    font-size: 0.75rem;
-    padding: 0.625rem;
-  }
-
-  .code-block-header {
-    padding: 0.25rem 0.5rem;
-  }
-
-  .code-block-filename {
-    font-size: 0.6875rem;
-  }
-
-  .code-block-lang {
-    font-size: 0.6875rem;
-  }
-
-  .copy-label {
-    display: none;
-  }
-
-  .tutorial-main img {
-    max-height: 70vh;
-  }
-
-  .tutorial-figcaption {
-    font-size: 0.8125rem;
-  }
-}
-
-
-/* Phase 4.4 (#447 §9): concept-page "Videos teaching this" inline
-   thumbnail. 120×68 hot-linked from i.ytimg.com (CSP `img-src` already
-   allows). Sits inline with the row text — title + meta render to the
-   right of the thumbnail on the same baseline. The sidebar branch in
-   RelatedGraph.vue intentionally does NOT render a thumbnail to
-   preserve visual rhythm (spec §9). */
-.concept-page__section .kg-video-thumb {
-  display: inline-block;
-  width: 120px;
-  height: 68px;
-  border-radius: 4px;
-  margin-right: 0.5em;
-  vertical-align: middle;
-  object-fit: cover;
-}
-
-
-/* Phase 4.5 (#746 §5): concept-page "Official reference documentation"
-   inline link-out icon (↗) + apiType badge. No thumbnail — api-docs
-   don't have them; the ↗ signals "external authority" instead. The
-   sidebar branch in RelatedGraph.vue likewise renders no thumbnail to
-   preserve the existing visual rhythm. */
-.concept-page__section .kg-link-out {
-  display: inline-block;
-  margin-left: 0.25em;
-  font-size: 0.85em;
-  opacity: 0.7;
-}
-
-.concept-page__section .kg-api-type {
-  display: inline-block;
-  padding: 0.1em 0.5em;
-  font-family: var(--sapFontFamily, monospace);
-  font-size: 0.85em;
-  background: var(--sapNeutralBackground, rgba(0, 0, 0, 0.05));
-  border-radius: 3px;
-}
-
-/* Phase 4.6 (#747 §5): concept-page "Code samples embodying this"
-   inline language badge. Same shape as .kg-api-type — the language
-   token (e.g. "JavaScript", "Java", "ABAP") renders as a small
-   monospaced pill. The .kg-link-out icon (↗) is reused from Phase
-   4.5 to signal external authority. No thumbnail rendering — samples
-   are GitHub repos and don't have them; the badge + ↗ carry the
-   visual weight instead. */
-.concept-page__section .kg-language {
-  display: inline-block;
-  padding: 0.1em 0.5em;
-  font-family: var(--sapFontFamily, monospace);
-  font-size: 0.85em;
-  background: var(--sapNeutralBackground, rgba(0, 0, 0, 0.05));
-  border-radius: 3px;
-}
-
-/* Phase 4.7 (#748 §4.8.1): help-docs source badge + metadata classes.
-   Three-source discriminator visible at a glance. Mirrors the shape of
-   .kg-api-type (Phase 4.5) and .kg-language (Phase 4.6) — small
-   monospaced pill — but with per-source tinted backgrounds instead of
-   the neutral gray. The tint palette is intentionally muted (soft,
-   Fundamental-Style neutral tones — no saturated brand colors) so the
-   badge signals canonicality without visually dominating the row.
-
-   Precedent: .kg-api-type / .kg-language are neutral pills (single
-   background). Phase 4.7 needs source discrimination, so each source
-   gets a distinct pastel background but the shape stays identical. */
-.concept-page__section .kg-help-source,
-.kg-sidebar-meta .kg-help-source {
-  display: inline-block;
-  padding: 0.1em 0.5em;
-  font-family: var(--sapFontFamily, sans-serif);
-  font-size: 0.8em;
-  font-weight: 500;
-  background: var(--sapNeutralBackground, rgba(0, 0, 0, 0.05));
-  border-radius: 3px;
-  margin-right: 0.25em;
-  vertical-align: baseline;
-}
-
-.concept-page__section .kg-help-source--cap-cloud-sap,
-.kg-sidebar-meta .kg-help-source--cap-cloud-sap {
-  /* CAP: muted blue (matches SAP Fiori design's info-blue tone). */
-  background: #e5f0ff;
-  color: #0a5a9e;
-}
-
-.concept-page__section .kg-help-source--help-sap-com,
-.kg-sidebar-meta .kg-help-source--help-sap-com {
-  /* help.sap.com: muted orange (SAP corporate accent). */
-  background: #fff2e0;
-  color: #a05a10;
-}
-
-.concept-page__section .kg-help-source--ui5-sap-com,
-.kg-sidebar-meta .kg-help-source--ui5-sap-com {
-  /* UI5: muted teal (matches UI5 Horizon accent). */
-  background: #e0f5f0;
-  color: #10704a;
-}
-
-/* Anchor label — the human-readable H2/H3 title next to the
-   ` · ` separator. Muted so it reads as metadata, not primary content. */
-.concept-page__section .kg-help-anchor {
-  color: var(--sapContent_LabelColor, #555);
-  font-size: 0.9em;
-}
-
-/* Snippet — first ~120 chars of the docs page description. Muted like
-   .kg-help-anchor, and ellipsis-truncated when it exceeds the row
-   width. `max-width` deliberately generous — full one-liner snippets
-   render intact on desktop; long ones truncate cleanly on narrow
-   screens. */
-.concept-page__section .kg-help-snippet {
-  color: var(--sapContent_LabelColor, #555);
-  font-size: 0.9em;
-  display: inline-block;
-  max-width: 60ch;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  vertical-align: bottom;
-}
-
-/* #2426: explanatory definition prose rendered ABOVE the link-tile sections,
-   so a concept page leads with what the concept IS, not a wall of tiles.
-   Markdown-rendered (renderMarkdown), so style the generated block elements. */
-.concept-page__definition {
-  margin: 0 0 1.75rem;
-  max-width: 70ch;
-  font-size: 1.05rem;
-  line-height: 1.6;
-  color: var(--sapTextColor, #223);
-}
-.concept-page__definition > :first-child { margin-top: 0; }
-.concept-page__definition > :last-child { margin-bottom: 0; }
-.concept-page__definition p { margin: 0 0 0.75rem; }
-.concept-page__definition a {
-  color: var(--sapLinkColor, #0064d9);
-  text-decoration: none;
-}
-.concept-page__definition a:hover,
-.concept-page__definition a:focus-visible { text-decoration: underline; }
-.concept-page__definition code {
-  font-family: var(--sapFontMonoFamily, monospace);
-  font-size: 0.9em;
-  background: var(--sapNeutralBackground, #eef0f3);
-  padding: 0.05em 0.35em;
-  border-radius: 3px;
-}
-
-/* #2426: "About this page" — a collapsed explainer answering "what is this
-   tool" without competing with the content. Muted, small, non-intrusive. */
-.concept-page__about {
-  margin: 0 0 1.5rem;
-  font-size: 0.9rem;
-}
-.concept-page__about summary {
-  cursor: pointer;
-  color: var(--sapContent_LabelColor, #555);
-}
-.concept-page__about p {
-  margin: 0.5rem 0 0;
-  max-width: 70ch;
-  color: var(--sapContent_LabelColor, #555);
-  line-height: 1.5;
-}
-
-/* ==========================================================================
-   KG widget redesign (#850) — sidebar row icons, expanded panel dialog,
-   sidebar fade-during-expand, reduced-motion respect.
-   ========================================================================== */
-
-/* Sidebar Other-resources rows use the ResourceRow.vue layout:
-     [icon] [title-link] [meta-text]
-   The row is a flex container so the icon stays aligned with the link's
-   baseline and meta text wraps as needed. */
-.kg-resource-row {
-  display: flex;
-  align-items: baseline;
-  gap: 0.4rem;
-  line-height: 1.35;
-  list-style: none;
-  margin: 0.35rem 0;
-  padding: 0;
-}
-.kg-resource-row__icon {
-  flex: 0 0 auto;
-  font-size: 0.95em;
-  opacity: 0.85;
-}
-.kg-resource-row__link {
-  flex: 1 1 auto;
-  color: var(--sapLinkColor, #0064d9);
-  text-decoration: none;
-  overflow-wrap: anywhere;
-}
-.kg-resource-row__link:hover,
-.kg-resource-row__link:focus-visible {
-  text-decoration: underline;
-}
-.kg-resource-row__meta {
-  color: var(--sapNeutralTextColor, #6a6d70);
-  font-size: 0.82em;
-}
-
-/* Sidebar fades to 40% while the expanded panel is open so the reader's
-   eyes drift to the dialog. The RelatedGraph orchestrator applies
-   data-dimmed="true" via inheritAttrs on <SidebarPanel>. */
-.kg-sidebar[data-dimmed="true"] {
-  opacity: 0.4;
-  transition: opacity 200ms ease;
-}
-
-/* Sidebar header hosts the expand (⤢) button on the right. */
-.kg-sidebar__expand-btn {
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  font-size: 1.1rem;
-  padding: 0.15rem 0.4rem;
-  color: var(--sapButton_Lite_TextColor, #0064d9);
-  border-radius: 0.25rem;
-}
-.kg-sidebar__expand-btn:hover,
-.kg-sidebar__expand-btn:focus-visible {
-  background: var(--sapButton_Lite_Hover_Background, rgba(0, 100, 217, 0.06));
-  outline: 2px solid var(--sapBrandColor, #0070f2);
-  outline-offset: 2px;
-}
-
-/* ==========================================================================
-   Expanded panel dialog — Joule-style, teleported to #kg-expanded-root.
-   ========================================================================== */
-#kg-expanded-root {
-  position: relative;
-  z-index: 1000;
-}
-.kg-expanded {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: min(480px, 90vw);
-  background: var(--sapBaseColor, #fff);
-  color: var(--sapTextColor, #32363a);
-  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
-  transform: translateX(0);
-  animation: kg-expanded-in 200ms ease;
-  display: flex;
-  flex-direction: column;
-  z-index: 1000;
-}
-.kg-expanded[data-wide="true"] {
-  width: min(800px, 90vw);
-}
-
-.kg-expanded__header {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.75rem 1rem;
-  border-bottom: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  flex: 0 0 auto;
-}
-.kg-expanded__header h2 {
-  flex: 1 1 auto;
-  margin: 0;
-  font-size: 1rem;
-  line-height: 1.25;
-}
-.kg-expanded__subtitle {
-  margin: 0.15rem 0 0;
-  font-size: 0.82em;
-  color: var(--sapNeutralTextColor, #6a6d70);
-}
-.kg-expanded__widen,
-.kg-expanded__close {
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  font-size: 1.05rem;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.25rem;
-  color: var(--sapButton_Lite_TextColor, #0064d9);
-}
-.kg-expanded__widen:hover,
-.kg-expanded__widen:focus-visible,
-.kg-expanded__close:hover,
-.kg-expanded__close:focus-visible {
-  background: var(--sapButton_Lite_Hover_Background, rgba(0, 100, 217, 0.06));
-  outline: 2px solid var(--sapBrandColor, #0070f2);
-  outline-offset: 2px;
-}
-
-.kg-expanded__body {
-  flex: 1 1 auto;
-  overflow-y: auto;
-  padding: 1rem 1.15rem;
-  container-type: inline-size;
-}
-
-.kg-expanded__prereq,
-.kg-expanded__shared,
-.kg-expanded__next {
-  margin-bottom: 1.25rem;
-}
-.kg-expanded__prereq h3,
-.kg-expanded__shared h3,
-.kg-expanded__next h3 {
-  margin: 0 0 0.4rem;
-  font-size: 0.95rem;
-  color: var(--sapTextColor, #32363a);
-}
-.kg-expanded__prereq ul,
-.kg-expanded__shared ul,
-.kg-expanded__next ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.kg-expanded__prereq li,
-.kg-expanded__shared li,
-.kg-expanded__next li {
-  margin: 0.25rem 0;
-}
-.kg-expanded__reason {
-  color: var(--sapNeutralTextColor, #6a6d70);
-  font-size: 0.85em;
-  margin-left: 0.25rem;
-}
-
-/* Per-type grid: single-column by default; 2-column when the dialog is
-   widened (via container query on inline size, not viewport width). */
-.kg-expanded__grid {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 1rem;
-  margin: 1rem 0 1.25rem;
-}
-@container (min-width: 720px) {
-  .kg-expanded__grid {
-    grid-template-columns: 1fr 1fr;
-  }
-}
-
-.kg-expanded__section {
-  border: 1px solid var(--sapNeutralBorderColor, #d9d9d9);
-  border-radius: 0.35rem;
-  padding: 0.5rem 0.75rem;
-  background: var(--sapNeutralBackground, rgba(0, 0, 0, 0.02));
-}
-.kg-expanded__section summary {
-  font-weight: 600;
-  font-size: 0.9rem;
-  cursor: pointer;
-  padding: 0.15rem 0;
-  color: var(--sapTextColor, #32363a);
-  list-style: none;
-}
-.kg-expanded__section summary::-webkit-details-marker {
-  display: none;
-}
-.kg-expanded__section summary::marker {
-  content: '';
-}
-.kg-expanded__section[open] summary {
-  margin-bottom: 0.4rem;
-}
-.kg-expanded__section ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.kg-expanded__no-resources {
-  color: var(--sapNeutralTextColor, #6a6d70);
-  font-style: italic;
-  padding: 0.75rem 0;
-  margin: 0;
-}
-
-.kg-expanded__skeleton {
-  padding: 0.5rem 0;
-}
-.kg-expanded__error {
-  padding: 1rem;
-  text-align: center;
-}
-.kg-expanded__error button {
-  margin-top: 0.5rem;
-  padding: 0.4rem 0.9rem;
-  border: 1px solid var(--sapButton_Lite_BorderColor, #0064d9);
-  background: transparent;
-  color: var(--sapButton_Lite_TextColor, #0064d9);
-  border-radius: 0.25rem;
-  cursor: pointer;
-}
-
-/* Motion — slide in from the right on open. Honors OS reduced-motion. */
-@keyframes kg-expanded-in {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .kg-expanded {
-    animation: none;
-  }
-  .kg-sidebar[data-dimmed="true"] {
-    transition: none;
-  }
-}
-
-/* ==========================================================================
-   #1127 — concept-page related-content CARDS. Converts the 12 related-content
-   sections from <ul>/<li> link lists to a responsive card grid. Namespaced
-   `concept-card` (self-contained — no dependency on the Vue-owned
-   hugo-apps/src/shared/cards/card.css) but visually aligned with .nav-card:
-   same radius, subtle shadow, hover lift, --sap* theme vars throughout so
-   dark mode adapts automatically.
-   ========================================================================== */
-.concept-page__section {
-  margin-bottom: 1.5rem;
-}
-
-.concept-card-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 1rem;
-  list-style: none;
-  margin: 0.75rem 0 0;
-  padding: 0;
-}
-
-.concept-card {
-  display: flex;
-  flex-direction: column;
-  /* #1127: content-box + height:100% made each card render 34px taller than
-     its grid track (padding 2×1rem + border 2×1px), overflowing onto the next
-     section's H2. border-box folds that padding+border into the 100% height so
-     the card exactly fills its cell — footer pinning via .concept-card__meta
-     margin-top:auto still works. */
-  box-sizing: border-box;
-  height: 100%;
-  background: var(--sapBaseColor, #fff);
-  border: 1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);
-  border-radius: 0.75rem;
-  padding: 1rem;
-  text-decoration: none;
-  color: inherit;
-  transition: box-shadow 0.15s ease, transform 0.15s ease;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
-}
-
-.concept-card:hover {
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-  transform: translateY(-1px);
-}
-
-a.concept-card:hover .concept-card__title {
-  color: var(--sapBrandColor, #0070f2);
-}
-
-/* Type micro-label with a colored dot, matching .nav-card__type. */
-.concept-card__type {
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-  font-size: 0.6875rem;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  margin-bottom: 0.5rem;
-  color: var(--sapContent_LabelColor, #556b82);
-}
-
-.concept-card__type::before {
-  content: '';
-  display: inline-block;
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 50%;
-  background: currentColor;
-}
-
-.concept-card__type--tutorial { color: var(--sapAccentColor10, #5b738b); }
-.concept-card__type--concept { color: var(--sapAccentColor6, #046c7a); }
-.concept-card__type--external { color: var(--sapAccentColor8, #6c32a9); }
-
-.concept-card__title {
-  font-size: 0.9375rem;
-  font-weight: 700;
-  color: var(--sapTextColor, #32363a);
-  margin: 0 0 0.375rem;
-  line-height: 1.4;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.concept-card__body {
-  font-size: 0.8125rem;
-  line-height: 1.5;
-  color: var(--sapContent_LabelColor, #556b82);
-  margin: 0 0 0.5rem;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-/* Thumbnail (videos). Reuses the 120x68 aspect but scales to the column. */
-.concept-card__thumb {
-  width: 100%;
-  height: auto;
-  aspect-ratio: 120 / 68;
-  border-radius: 0.375rem;
-  margin-bottom: 0.5rem;
-  object-fit: cover;
-  background: var(--sapNeutralBackground, rgba(0, 0, 0, 0.05));
-}
-
-/* Footer meta row — pushed to the bottom, dot-separated, small + muted. */
-.concept-card__meta {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.375rem;
-  margin-top: auto;
-  padding-top: 0.625rem;
-  border-top: 1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);
-  font-size: 0.75rem;
-  color: var(--sapContent_LabelColor, #556b82);
-}
-
-/* Badge row (source badge + link-out) at the card top-right. Reuses the
-   existing .kg-help-source--* / .kg-link-out / .kg-api-type / .kg-language
-   inline classes verbatim inside the card. */
-.concept-card__badges {
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-  margin-bottom: 0.5rem;
-}
-
-/* #1127: difficulty badge inside tutorial "teaches" cards — neutral pill
-   matching the .kg-api-type / .kg-language shape but with label weight to
-   distinguish a categorical tag from a monospaced type token. */
-.concept-card__meta .kg-difficulty {
-  display: inline-block;
-  padding: 0.05em 0.4em;
-  font-size: 0.95em;
-  font-weight: 600;
-  color: var(--sapContent_LabelColor, #556b82);
-  background: var(--sapNeutralBackground, rgba(0, 0, 0, 0.05));
-  border-radius: 3px;
-}
-
-@media (max-width: 640px) {
-  .concept-card-grid { gap: 0.75rem; }
-  .concept-card { padding: 0.875rem; }
-}
-
-/* Intro passthrough + styled video slot (tutorial video embeds). */
-.tutorial-intro {
-  margin: 0 0 1.5rem;
-}
-.tutorial-intro iframe {
-  max-width: 100%;
-  aspect-ratio: 16 / 9;
-  width: 100%;
-  height: auto;
-  border: 0;
-  border-radius: 0.5rem;
-}
-.tutorial-video {
-  margin: 0 0 1.5rem;
-}
-.tutorial-video__frame {
-  position: relative;
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  border-radius: 0.5rem;
-  overflow: hidden;
-  background: #000;
-}
-.tutorial-video__frame iframe {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
-/* Author page (#1732) */
-.author-page { max-width: 72rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
-.author-page-back { display: inline-block; margin-bottom: 1rem; font-size: .875rem; }
-.author-page-hero { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
-.author-page-avatar { border-radius: 50%; flex: 0 0 auto; }
-.author-page-hero h1 { margin: 0 0 .25rem; font-size: 1.5rem; }
-.author-page-meta { margin: 0; color: var(--sapContent_LabelColor, #556); font-size: .875rem; }
-
-/* More-from-author rail (#1732) — collapsible via native <details>, closed by default */
-.more-from-author { margin: 1.25rem 0 0; }
-.more-from-author-summary {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  list-style: none;
-  -webkit-user-select: none;
-  user-select: none;
-}
-.more-from-author-summary::-webkit-details-marker { display: none; }
-.more-from-author-summary::before {
-  content: "";
-  flex: 0 0 auto;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 0.3rem 0 0.3rem 0.45rem;
-  border-color: transparent transparent transparent currentColor;
-  transition: transform 0.15s ease;
-}
-.more-from-author[open] .more-from-author-summary::before { transform: rotate(90deg); }
-.more-from-author-summary .next-steps-rail-heading { margin: 0; }
-.more-from-author-summary:focus-visible {
-  outline: 2px solid var(--sapContent_FocusColor, #0854a0);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-.more-from-author[open] .next-steps-grid { margin-top: 0.75rem; }
-
-/* TechEd page layout (#2355) */
-.teched-page { display: flex; flex-direction: column; gap: 1.25rem; padding: 1rem 1.5rem; }
-.teched-page__intro { display: flex; flex-direction: column; gap: 0.5rem; }
-.teched-page__subnav {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  margin-top: 0.25rem;
-}
-.teched-page__subnav-link {
-  display: inline-block;
-  padding: 0.3rem 0.85rem;
-  border-radius: 20px;
-  font-size: 0.875rem;
-  font-weight: 500;
-  text-decoration: none;
-  color: var(--sapLinkColor, #0854a0);
-  border: 1px solid transparent;
-  transition: background 0.1s, border-color 0.1s;
-}
-.teched-page__subnav-link:hover {
-  background: var(--sapList_Hover_Background, #eaecee);
-  border-color: var(--sapField_BorderColor, #89919a);
-}
-.teched-page__subnav-link--active {
-  background: var(--sapInformativeBackground, #e8f3ff);
-  color: var(--sapInformativeColor, #0854a0);
-  border-color: var(--sapInformativeColor, #0854a0);
-  font-weight: 600;
-}
-.more-from-author-all { display: inline-block; margin-top: .75rem; font-size: .875rem; font-weight: 600; }
diff --git a/hugo/data/whats_new.json b/hugo/data/whats_new.json
index 64275b72b..736efa9c9 100644
--- a/hugo/data/whats_new.json
+++ b/hugo/data/whats_new.json
@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-21T21:12:04.476Z",
+  "generatedAt": "2026-10-24T10:33:13.644Z",
   "repos": [
     {
       "key": "tutorials-ims",
@@ -8,6 +8,227 @@
     }
   ],
   "entries": [
+    {
+      "id": "tutorials-ims#2910",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2910,
+      "title": "Badge scanner claims work again and show the attendee's name",
+      "summary": "The event badge scanner now submits prize claims reliably and displays the attendee's name on screen, so operators can confirm who they're handing a prize to.",
+      "category": "Fix",
+      "mergedAt": "2026-10-24T10:18:35Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2910"
+    },
+    {
+      "id": "tutorials-ims#2907",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2907,
+      "title": "Admin API-token scope now available where you mint tokens",
+      "summary": "The personal access token page at /me/tokens/ now offers the admin scope (when enabled), so administrators can mint a token with the access level their API calls actually need.",
+      "category": "Fix",
+      "mergedAt": "2026-10-24T08:58:45Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2907"
+    },
+    {
+      "id": "tutorials-ims#2905",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2905,
+      "title": "Both badge scanner apps open the camera and show correct counts",
+      "summary": "Fixed the barcode scanner apps so the camera opens reliably and prize counts show a real number instead of a blank placeholder.",
+      "category": "Fix",
+      "mergedAt": "2026-10-24T08:22:12Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2905"
+    },
+    {
+      "id": "tutorials-ims#2904",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2904,
+      "title": "Code samples with tag-like syntax render correctly",
+      "summary": "Inline code in tutorials that contains tag-like syntax such as <MyApp /> now renders as written instead of showing escaped characters, fixing display on the React and JSX tutorials.",
+      "category": "Fix",
+      "mergedAt": "2026-10-24T05:12:04Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2904"
+    },
+    {
+      "id": "tutorials-ims#2902",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2902,
+      "title": "Badge scanner shows attendee identity, prizes claimed, and event stats",
+      "summary": "The event badge scanner now opens the camera reliably, shows each attendee's name and which prizes they've claimed, and gives operators a live count of event activity at the prize table.",
+      "category": "Feature",
+      "mergedAt": "2026-10-23T18:28:31Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2902"
+    },
+    {
+      "id": "tutorials-ims#2901",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2901,
+      "title": "Parallel-path connector lines line up cleanly",
+      "summary": "Fixed a small visual misalignment where the fork connector in a parallel learning path didn't quite meet the main path line.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T17:34:12Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2901"
+    },
+    {
+      "id": "tutorials-ims#2900",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2900,
+      "title": "Tutorial pages stay correctly styled after a deploy",
+      "summary": "Stopped a build-output mismatch that could leave published tutorial pages referencing the wrong stylesheet, so pages stay correctly styled after every deploy.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T17:16:44Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2900"
+    },
+    {
+      "id": "tutorials-ims#2897",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2897,
+      "title": "Automatic rebuilds skip retired tutorials instead of failing",
+      "summary": "An automatic content rebuild triggered for a tutorial that has since been retired now quietly skips it rather than failing the whole run and raising a false alert.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T15:52:51Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2897"
+    },
+    {
+      "id": "tutorials-ims#2899",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2899,
+      "title": "Parallel-path fork and join lines point to the right steps",
+      "summary": "Fork and join connector lines in a parallel learning path now point to the correct step markers instead of drifting off to the side.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T15:52:38Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2899"
+    },
+    {
+      "id": "tutorials-ims#2895",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2895,
+      "title": "Admin scope selectable when minting an API token",
+      "summary": "The token mint dialog now offers the admin scope to administrators, so an admin-scoped personal access token can actually be created for admin API calls.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T11:55:16Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2895"
+    },
+    {
+      "id": "tutorials-ims#2894",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2894,
+      "title": "Content publishing waits for matching page assets",
+      "summary": "Content publishing now verifies the live site is already serving the matching stylesheets and scripts before pushing pages, preventing a window where tutorials could appear unstyled after a deploy.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T11:28:25Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2894"
+    },
+    {
+      "id": "tutorials-ims#2893",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2893,
+      "title": "Deploys refuse to run with uncommitted styling changes",
+      "summary": "A deploy now stops early if there are uncommitted changes to styling or layout files, preventing the kind of mismatch that briefly broke page styling in production.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T11:26:58Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2893"
+    },
+    {
+      "id": "tutorials-ims#2892",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2892,
+      "title": "Track completion keyed off the final checkpoint",
+      "summary": "A learning track is now marked complete based on its final checkpoint rather than any early one, so progress no longer shows complete while later tutorials remain unfinished.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T11:03:33Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2892"
+    },
+    {
+      "id": "tutorials-ims#2891",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2891,
+      "title": "Temporarily-unavailable groups dim across parallel lanes",
+      "summary": "Marking a grouped branch temporarily unavailable now correctly dims it and withholds its reward in the App Space kiosk, matching how single items already behave.",
+      "category": "Fix",
+      "mergedAt": "2026-10-23T11:00:06Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2891"
+    },
+    {
+      "id": "tutorials-ims#2888",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2888,
+      "title": "App Space tracks can show parallel learning paths",
+      "summary": "A single App Space track can now present parallel paths — side-by-side branch lanes or a cluster of tutorials you complete in any order — without changing how tracks are authored.",
+      "category": "Feature",
+      "mergedAt": "2026-10-23T10:39:27Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2888"
+    },
+    {
+      "id": "tutorials-ims#2882",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2882,
+      "title": "Temporarily-unavailable items hidden in the App Space kiosk",
+      "summary": "Items marked Temporarily Unavailable are now honored in the App Space event kiosk, so a broken or under-maintenance step can be taken offline from the live screen with one switch.",
+      "category": "Feature",
+      "mergedAt": "2026-10-21T22:39:40Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2882"
+    },
+    {
+      "id": "tutorials-ims#2881",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2881,
+      "title": "Release 1.40.4 to production",
+      "summary": "Promoted the accumulated fixes and features to production as release 1.40.4.",
+      "category": "Maintenance",
+      "mergedAt": "2026-10-21T21:28:30Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2881"
+    },
     {
       "id": "tutorials-ims#2880",
       "repo": "tutorials-ims",
@@ -99,6 +320,19 @@
       "weekStart": "2026-10-19",
       "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2874"
     },
+    {
+      "id": "tutorials-ims#2871",
+      "repo": "tutorials-ims",
+      "label": "Developer Portal",
+      "number": 2871,
+      "title": "Release 1.40.3 to production",
+      "summary": "Promoted the accumulated fixes and features to production as release 1.40.3.",
+      "category": "Maintenance",
+      "mergedAt": "2026-10-21T12:10:31Z",
+      "week": "2026-W43",
+      "weekStart": "2026-10-19",
+      "url": "https://github.com/sap-tutorials/tutorials-ims/pull/2871"
+    },
     {
       "id": "tutorials-ims#2869",
       "repo": "tutorials-ims",
diff --git a/mta-mcp.yaml b/mta-mcp.yaml
index 4021f0c78..fee769d2b 100644
--- a/mta-mcp.yaml
+++ b/mta-mcp.yaml
@@ -4,7 +4,7 @@ _schema-version: 3.3.0
 # This file lives at repo root → path: gen/srv-mcp (root-relative, no ../).
 # before-all runs from ROOT (no cd ..) — mbt uses the descriptor's directory as cwd.
 ID: tutorials-mcp
-version: 1.0.4
+version: 1.1.0
 
 # Destinations are subaccount-level, so DEV and PROD (sharing one subaccount)
 # need DISTINCT destination names. `dest-main-srv` defaults to the PROD name;
diff --git a/scripts/__tests__/fetch-tutorials-slug-filter.test.ts b/scripts/__tests__/fetch-tutorials-slug-filter.test.ts
index 880969a95..47c21d3dd 100644
--- a/scripts/__tests__/fetch-tutorials-slug-filter.test.ts
+++ b/scripts/__tests__/fetch-tutorials-slug-filter.test.ts
@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest'
-import { parseSlugFilter, resolveSlugFilter, targetedSourceErrors } from '../fetch-tutorials'
+import { parseSlugFilter, resolveSlugFilter, targetedSourceErrors, isAutoDispatchedTrigger } from '../fetch-tutorials'
 
 describe('parseSlugFilter', () => {
   it('returns null when both inputs are empty/undefined', () => {
@@ -120,3 +120,26 @@ describe('resolveSlugFilter', () => {
     expect(r.dropped.sort()).toEqual(['also-nope', 'nope'])
   })
 })
+
+describe('isAutoDispatchedTrigger', () => {
+  // On an all-unknown (fatal) slug filter, auto-dispatched runs no-op (exit 0)
+  // while manual runs keep the #433 fail-fast.
+  it('treats admin-write as auto-dispatched (no-op on retired slug)', () => {
+    expect(isAutoDispatchedTrigger('admin-write')).toBe(true)
+  })
+
+  it('treats scheduled and admin-action as auto-dispatched', () => {
+    expect(isAutoDispatchedTrigger('scheduled')).toBe(true)
+    expect(isAutoDispatchedTrigger('admin-action:cleanupUnusedTags')).toBe(true)
+  })
+
+  it('treats manual as NOT auto-dispatched (keeps fail-fast)', () => {
+    expect(isAutoDispatchedTrigger('manual')).toBe(false)
+  })
+
+  it('defaults an unset/empty trigger-source to manual (fail-fast)', () => {
+    expect(isAutoDispatchedTrigger(undefined)).toBe(false)
+    expect(isAutoDispatchedTrigger('')).toBe(false)
+    expect(isAutoDispatchedTrigger('   ')).toBe(false)
+  })
+})
diff --git a/scripts/__tests__/publish-content-cli.test.ts b/scripts/__tests__/publish-content-cli.test.ts
index cfa18ee42..e0738e8a1 100644
--- a/scripts/__tests__/publish-content-cli.test.ts
+++ b/scripts/__tests__/publish-content-cli.test.ts
@@ -1,5 +1,5 @@
-import { describe, it, expect } from 'vitest';
-import { applySourceHashShortCircuit, computePublishPlan, validateFlagCombo } from '../publish-content.js';
+import { describe, it, expect, vi } from 'vitest';
+import { applySourceHashShortCircuit, computePublishPlan, validateFlagCombo, approuterGateDecision, buildApprouterGateArgs, runApprouterGate } from '../publish-content.js';
 
 describe('validateFlagCombo', () => {
   it('rejects --force + --heal', () => {
@@ -150,3 +150,49 @@ describe('applySourceHashShortCircuit', () => {
     expect(out.sort()).toEqual(['a', 'b']);
   });
 });
+
+describe('approuterGateDecision', () => {
+  it('skips gate when APPROUTER_URL unset', () => {
+    expect(approuterGateDecision({}).run).toBe(false);
+    expect(approuterGateDecision({ APPROUTER_URL: '' }).run).toBe(false);
+    expect(approuterGateDecision({}).reason).toBe('no-approuter');
+  });
+  it('skips gate when SKIP_APPROUTER_GATE set', () => {
+    const d = approuterGateDecision({ APPROUTER_URL: 'https://x', SKIP_APPROUTER_GATE: '1' });
+    expect(d.run).toBe(false);
+    expect(d.reason).toBe('skip-flag');
+  });
+  it('runs gate when APPROUTER_URL set and no skip', () => {
+    expect(approuterGateDecision({ APPROUTER_URL: 'https://x' }).run).toBe(true);
+  });
+});
+
+describe('buildApprouterGateArgs', () => {
+  it('base args: no --slugs when slugs empty', () => {
+    expect(buildApprouterGateArgs({ hugoDir: 'hugo/public', slugs: '' }, 'https://x'))
+      .toEqual(['scripts/check-approuter-assets.cjs', '--approuter-url', 'https://x', '--hugo-dir', 'hugo/public', '--check-islands']);
+  });
+  it('builds --slugs arg for multi-slug publish', () => {
+    expect(buildApprouterGateArgs({ hugoDir: 'hugo/public-qa', slugs: 'a,b' }, 'https://x'))
+      .toContain('--slugs');
+    expect(buildApprouterGateArgs({ hugoDir: 'hugo/public-qa', slugs: 'a,b' }, 'https://x').at(-1)).toBe('a,b');
+  });
+});
+
+describe('runApprouterGate', () => {
+  it('skips (returns 0) when APPROUTER_URL unset', () => {
+    const spy = vi.fn();
+    expect(runApprouterGate({ hugoDir: 'hugo/public', slug: '', slugs: '' }, {}, spy as any)).toBe(0);
+    expect(spy).not.toHaveBeenCalled();
+  });
+  it('propagates non-zero gate exit', () => {
+    const spawn = vi.fn().mockReturnValue({ status: 1 });
+    expect(runApprouterGate({ hugoDir: 'hugo/public', slug: '', slugs: '' }, { APPROUTER_URL: 'https://x' }, spawn as any)).toBe(1);
+  });
+  it('passes PUBLISH_SLUG in child env for a scoped publish', () => {
+    const spawn = vi.fn().mockReturnValue({ status: 0 });
+    runApprouterGate({ hugoDir: 'hugo/public', slug: 'foo', slugs: '' }, { APPROUTER_URL: 'https://x' }, spawn as any);
+    const callEnv = spawn.mock.calls[0][2].env;
+    expect(callEnv.PUBLISH_SLUG).toBe('foo');
+  });
+});
diff --git a/scripts/__tests__/sanitize-html-catalog-smoke.ts b/scripts/__tests__/sanitize-html-catalog-smoke.ts
index cbae00fb0..440d0b93e 100644
--- a/scripts/__tests__/sanitize-html-catalog-smoke.ts
+++ b/scripts/__tests__/sanitize-html-catalog-smoke.ts
@@ -102,7 +102,8 @@ function classify(oldOut: string, newOut: string): string {
     normalised = selfClosingTransform(normalised)
   }
 
-  // 2. Entity-encode pseudo-tags (unknown HTML elements).
+  // 2. Entity-encode pseudo-tags (unknown HTML elements) — but NOT inside
+  //    inline code spans, which the sanitizer now preserves verbatim (#2362).
   const KNOWN = new Set([
     'a', 'abbr', 'b', 'blockquote', 'br', 'code', 'dd', 'del', 'details',
     'div', 'dl', 'dt', 'em', 'figcaption', 'figure',
@@ -112,13 +113,23 @@ function classify(oldOut: string, newOut: string): string {
     'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr',
     'u', 'ul', 'var',
   ])
+  // Mask inline code spans before the pseudo-tag transform so `<Tag>` inside
+  // backticks is left alone, matching stripDangerousHtml's code-span stash.
+  const codeSpanMask: string[] = []
+  const maskCodeSpans = (s: string) =>
+    s.replace(/(`+)(.+?)\1(?!`)/g, (m) => {
+      codeSpanMask.push(m)
+      return `\u0000CS${codeSpanMask.length - 1}\u0000`
+    })
+  const unmaskCodeSpans = (s: string) =>
+    s.replace(/\u0000CS(\d+)\u0000/g, (_m, i) => codeSpanMask[Number(i)])
   const pseudoTransform = (s: string) =>
-    s.replace(/<\/?[a-zA-Z][a-zA-Z0-9_-]*(?:\s[^>]*)?>/g, (match) => {
+    unmaskCodeSpans(maskCodeSpans(s).replace(/<\/?[a-zA-Z][a-zA-Z0-9_-]*(?:\s[^>]*)?>/g, (match) => {
       const m = match.match(/^<\/?([a-zA-Z][a-zA-Z0-9_-]*)/)
       if (!m) return match
       if (KNOWN.has(m[1].toLowerCase())) return match
       return match.replace(/</g, '&lt;').replace(/>/g, '&gt;')
-    })
+    }))
   const pseudoApplied = pseudoTransform(normalised)
   if (pseudoApplied !== normalised) {
     categoriesApplied.push('pseudo-tag-encoded')
diff --git a/scripts/__tests__/sanitize-html.test.ts b/scripts/__tests__/sanitize-html.test.ts
index 4ec62ae36..00a998677 100644
--- a/scripts/__tests__/sanitize-html.test.ts
+++ b/scripts/__tests__/sanitize-html.test.ts
@@ -238,6 +238,31 @@ describe('stripDangerousHtml', () => {
     expect(stripDangerousHtml('Tenant: <TENANT>my-tenant</TENANT>')).toBe('Tenant: &lt;TENANT&gt;my-tenant&lt;/TENANT&gt;')
   })
 
+  it('preserves pseudo-tags inside inline code spans verbatim (#2362 double-escape)', () => {
+    // A `<MyApp />` inside a backtick code span is NOT a pseudo-tag to escape:
+    // the backticks already make it literal, and Goldmark renders the span as
+    // `<code>`. Pre-escaping it to `&lt;MyApp /&gt;` here means Goldmark then
+    // re-escapes the `&` (code-span content is HTML-escaped) and the published
+    // page shows the literal text `&lt;MyApp /&gt;`. The code span must pass
+    // through untouched so Goldmark gets raw `<MyApp />`.
+    expect(stripDangerousHtml('Note that `<MyApp />` is self-closing')).toBe('Note that `<MyApp />` is self-closing')
+    expect(stripDangerousHtml('equivalent to `<MyApp></MyApp>`')).toBe('equivalent to `<MyApp></MyApp>`')
+  })
+
+  it('still escapes pseudo-tags OUTSIDE code spans on a line that also has a span (#2362)', () => {
+    // The span is protected; a bare pseudo-tag elsewhere on the same line is
+    // still escaped as before.
+    expect(stripDangerousHtml('Use `<MyApp />` not a bare <your_id> here'))
+      .toBe('Use `<MyApp />` not a bare &lt;your_id&gt; here')
+  })
+
+  it('preserves pseudo-tags inside double-backtick code spans (#2362)', () => {
+    // CommonMark allows ``code with a ` backtick`` — the delimiter is a run of
+    // N backticks closed by the next run of exactly N. Content stays verbatim.
+    expect(stripDangerousHtml('render ``<MyApp attr="x" />`` literally'))
+      .toBe('render ``<MyApp attr="x" />`` literally')
+  })
+
   it('safely entity-encodes pseudo-tags carrying attributes (#140)', () => {
     // If an author smuggles attributes onto a placeholder tag, the whole
     // token is entity-encoded — the angle brackets become &lt;/&gt; so the
diff --git a/scripts/deploy-mta.cjs b/scripts/deploy-mta.cjs
index 07a9cd5c4..cb17690bf 100644
--- a/scripts/deploy-mta.cjs
+++ b/scripts/deploy-mta.cjs
@@ -208,6 +208,60 @@ function guardPrimaryTreeBranch(cfg, envName) {
   ok(`fresh ${expected} checkout @ ${head.slice(0, 8)}${inWorktree ? ' (worktree)' : ''}`);
 }
 
+// ---------------------------------------------------------------------------
+// #2886 dirty-build-inputs gate (pure parser).
+//
+// Parse `git status --porcelain -- hugo/assets hugo/layouts` and return the
+// TRACKED, modified build-input paths. These are Hugo's fingerprint-bearing
+// inputs: hugo/assets/** is fingerprinted into /css|/js/<hash> artifacts and
+// hugo/layouts/** emits the HTML that references them. A dirty tracked file
+// here means the approuter would ship a fingerprint derived from UNCOMMITTED
+// source — which the content pipeline (built from clean origin/main) never
+// bakes → the 2026-10-21 PROD-down 404.
+//
+// We IGNORE untracked entries (`??`): build:all generates untracked artifacts
+// and scratch files under these dirs are not fingerprint inputs until tracked.
+// Tracked changes in either porcelain column (index or worktree: M/A/D/R/C)
+// block. Renames/copies report the destination path (after the `-> `) — that
+// is the path Hugo fingerprints.
+// ---------------------------------------------------------------------------
+function dirtyBuildInputs(porcelain) {
+  const out = [];
+  for (const raw of (porcelain || '').split('\n')) {
+    const line = raw.replace(/\r$/, '');
+    if (!line) continue;
+    const xy = line.slice(0, 2);
+    const rest = line.slice(3);
+    if (xy === '??') continue; // untracked — not a committed-source fingerprint input
+    // Rename/copy: "R  old -> new" / "C  old -> new". Fingerprint follows the dest.
+    const arrow = rest.indexOf(' -> ');
+    out.push(arrow === -1 ? rest : rest.slice(arrow + 4));
+  }
+  return out;
+}
+
+// Step 0.5 guard: refuse any deploy when Hugo's fingerprint-bearing inputs have
+// uncommitted TRACKED changes, for ALL envs. Runs BEFORE build:all so the
+// approuter can only ship fingerprints derived from committed source. Scoped to
+// hugo/assets + hugo/layouts (NOT hugo/data — build:all regenerates untracked
+// hugo/data/*.json, which would false-positive). Read-only, so it runs under
+// --dry-run and --skip-build too (a reused mtar may have been built dirty).
+function guardCleanBuildInputs() {
+  const r = shCapture('git', ['status', '--porcelain', '--', 'hugo/assets', 'hugo/layouts']);
+  if (r.status !== 0) {
+    die(1, `\`git status --porcelain\` failed — cannot verify build inputs are committed.\n${r.stderr}`);
+  }
+  const dirty = dirtyBuildInputs(r.stdout);
+  if (dirty.length) {
+    die(1, `uncommitted changes to Hugo fingerprint inputs — the approuter would ship a CSS/JS\n` +
+           `             fingerprint the content pipeline (built from committed origin/main) never bakes,\n` +
+           `             404-ing every tutorial page (the 2026-10-21 PROD-down incident, #2886):\n` +
+           dirty.map(f => `                 ${f}`).join('\n') + '\n' +
+           `             Fix: commit the change, or set it aside with \`git stash push -- <file>\`, then redeploy.`);
+  }
+  ok('Hugo build inputs (hugo/assets, hugo/layouts) are committed — no fingerprint skew');
+}
+
 function guardCfTarget(cfg, envName) {
   const t = shCapture('cf', ['target']);
   if (t.status !== 0) {
@@ -379,6 +433,16 @@ async function main() {
   step(0, 'Preconditions');
   guardPrimaryTreeBranch(cfg, envName);
 
+  // ---- Step 0.5: clean build inputs (#2886) ----------------------------
+  // The branch/SHA guard above does NOT catch a dirty working tree (a dirty
+  // file has the same HEAD SHA). On 2026-10-21 an uncommitted edit to
+  // hugo/assets/css/sap-fundamental.css made Hugo fingerprint the dirty CSS, so
+  // the approuter served a hash the committed-source content pipeline never
+  // baked → 404 on every tutorial (PROD-down). Fail fast on local state before
+  // touching CF or building. Read-only, so it runs even under --dry-run/--skip-build.
+  step('0.5', 'Hugo fingerprint inputs are committed (no dirty-tree skew)');
+  guardCleanBuildInputs();
+
   // ---- Step 1: cf target guard -----------------------------------------
   step(1, `cf target must be region "${cfg.region}", space "${cfg.space}"`);
   if (args.dryRun) warn('dry-run: still checking cf target (read-only)');
@@ -748,4 +812,4 @@ if (require.main === module) {
   main();
 }
 
-module.exports = { notifyDeploy };
+module.exports = { notifyDeploy, dirtyBuildInputs };
diff --git a/scripts/fetch-tutorials.ts b/scripts/fetch-tutorials.ts
index 93b8c3543..eb512c69f 100644
--- a/scripts/fetch-tutorials.ts
+++ b/scripts/fetch-tutorials.ts
@@ -270,6 +270,30 @@ export function resolveSlugFilter(
   return { valid, dropped, fatal: valid.size === 0 }
 }
 
+/**
+ * Decide how an all-unknown (fatal) slug-targeted filter should be handled,
+ * based on who triggered the run.
+ *
+ * A human `manual` dispatch with an all-unknown filter is a typo → fail-fast
+ * (#433). An AUTO-dispatched run (admin-write / scheduled / admin-action — e.g.
+ * saving an Admin-UI edit to a tutorial whose slug was retired from the source
+ * repos) legitimately resolves to a now-absent slug; that is "nothing to
+ * publish", not an error, so it should exit cleanly instead of hard-failing the
+ * whole rebuild and firing a false #1373 channel alert.
+ *
+ * @param triggerSource — the `trigger-source` workflow input (defaults to
+ *   'manual' when unset, i.e. an interactive local/CLI run).
+ * @returns true to no-op (exit 0); false to keep the fail-fast (exit 1).
+ */
+export function isAutoDispatchedTrigger(triggerSource: string | undefined): boolean {
+  const normalized = (triggerSource ?? '').trim()
+  // Empty/unset (including whitespace-only) means an interactive local/CLI run —
+  // treat as manual so the #433 fail-fast is preserved. Only an explicit
+  // non-manual source (admin-write / scheduled / admin-action:*) is auto-dispatched.
+  if (normalized === '' || normalized === 'manual') return false
+  return true
+}
+
 /**
  * Plan the Phase 2 GitHub metadata prefetch — one task per repo, with the
  * per-repo slug list narrowed to `tutorialSlugFilter` when set.
@@ -936,7 +960,21 @@ async function main() {
         console.warn(`  Discovery returned ${allTutorials.length} slugs from source: ${discovery.source}`)
       }
       if (fatal) {
-        console.error(`ERROR: no known slug(s) in filter (all ${tutorialSlugFilter.size} unknown): ${[...tutorialSlugFilter].join(', ')}`)
+        // An all-unknown filter means every requested slug is gone from source
+        // discovery. For a HUMAN-authored manual dispatch this is a typo — keep
+        // the #433 fail-fast. But an AUTO-dispatched run (admin-write / scheduled /
+        // admin-action — e.g. saving an edit to a tutorial whose slug was retired
+        // from the source repos) legitimately resolves to a now-absent slug; that
+        // is "nothing to publish", not an error. Exit 0 so it doesn't hard-fail the
+        // whole rebuild and fire a false #1373 channel alert.
+        const triggerSource = process.env.TRIGGER_SOURCE
+        const slugList = [...tutorialSlugFilter].join(', ')
+        if (isAutoDispatchedTrigger(triggerSource)) {
+          console.warn(`NOTE: auto-dispatched (${(triggerSource ?? '').trim() || 'unknown'}) slug-targeted run resolved only retired slug(s): ${slugList}`)
+          console.warn(`  Discovery returned ${allTutorials.length} slugs from source: ${discovery.source}. Nothing to publish — exiting cleanly.`)
+          process.exit(0)
+        }
+        console.error(`ERROR: no known slug(s) in filter (all ${tutorialSlugFilter.size} unknown): ${slugList}`)
         console.error(`  Discovery returned ${allTutorials.length} slugs from source: ${discovery.source}`)
         process.exit(1)
       }
diff --git a/scripts/parsers/sanitize-html.ts b/scripts/parsers/sanitize-html.ts
index 026dd3770..25f1da667 100644
--- a/scripts/parsers/sanitize-html.ts
+++ b/scripts/parsers/sanitize-html.ts
@@ -88,6 +88,21 @@ const KNOWN_HTML_TAGS = new Set([
 const AUTOLINK_RE = /<([a-zA-Z][a-zA-Z0-9+.-]*:[^\s<>]+)>/g
 const AUTOLINK_TOKEN = 'AUTOLINK'
 
+// Inline code spans (`...`, ``...``) are literal: the backticks already stop
+// the content from being HTML, and Goldmark renders the span as `<code>`,
+// HTML-escaping whatever is inside. If we pseudo-tag-escape a `<MyApp />`
+// inside a span to `&lt;MyApp /&gt;`, Goldmark then escapes the `&` again and
+// the page shows the literal text `&lt;MyApp /&gt;` (#2362). So we stash code
+// spans aside BEFORE pseudo-tag/sanitize processing and restore them verbatim
+// at the very end. CommonMark code-span rule: a run of N backticks opens the
+// span and the next run of exactly N backticks closes it; `\1` + the trailing
+// (?!`) enforces the exact-length match. Scanned left-to-right so the earliest
+// span wins, matching CommonMark. The token has leading/trailing spaces like
+// AUTOLINK so it reads as plain text to sanitize-html.
+const CODE_SPAN_RE = /(`+)(.+?)\1(?!`)/g
+const CODE_SPAN_TOKEN = 'CODESPAN'
+
+
 // Pre-escape any tag-like token whose name is unknown (= author placeholder).
 // `<your_id>`, `<your_id attr="x">`, `</your_id>`, `<saml:NameID>` all get
 // fully entity-escaped so sanitize-html doesn't drop them and any author-
@@ -337,9 +352,17 @@ export function stripDangerousHtml(content: string, options: StripDangerousHtmlO
 
 function sanitizeLine(line: string, opts: sanitizeHtml.IOptions): string {
   if (!TAG_LIKE_RE.test(line)) return line
+  // Stash inline code spans FIRST — their content is literal and must not be
+  // pseudo-tag-escaped (#2362). Must precede autolink extraction so a `<url>`
+  // inside a span isn't mistaken for a markdown autolink.
+  const codeSpans: string[] = []
+  let working = line.replace(CODE_SPAN_RE, (match) => {
+    codeSpans.push(match)
+    return ` ${CODE_SPAN_TOKEN}${codeSpans.length - 1} `
+  })
   // Pull markdown autolinks aside before sanitize-html sees them.
   const autolinks: string[] = []
-  const stashed = line.replace(AUTOLINK_RE, (_match, url: string) => {
+  const stashed = working.replace(AUTOLINK_RE, (_match, url: string) => {
     autolinks.push(url)
     return ` ${AUTOLINK_TOKEN}${autolinks.length - 1} `
   })
@@ -358,5 +381,10 @@ function sanitizeLine(line: string, opts: sanitizeHtml.IOptions): string {
   sanitized = sanitized.replace(/&gt;/g, '>')
   // Convert pseudo-tag sentinels to their entity form for final output.
   sanitized = sanitized.split(PSEUDO_LT).join('&lt;').split(PSEUDO_GT).join('&gt;')
+  // Restore code spans verbatim — their raw backtick source reaches Goldmark,
+  // which renders the `<code>` and does its own (single) HTML-escape (#2362).
+  sanitized = sanitized.replace(new RegExp(` ${CODE_SPAN_TOKEN}(\\d+) `, 'g'), (_match, idx: string) => {
+    return codeSpans[Number(idx)]
+  })
   return sanitized
 }
diff --git a/scripts/publish-content.ts b/scripts/publish-content.ts
index 40ce5cf01..62ea027ae 100644
--- a/scripts/publish-content.ts
+++ b/scripts/publish-content.ts
@@ -1,4 +1,5 @@
 import { readFileSync, readdirSync, statSync, existsSync, appendFileSync } from 'node:fs';
+import { spawnSync as _spawnSync } from 'node:child_process';
 import { join } from 'node:path';
 import { createHash } from 'node:crypto';
 import { gzipSync } from 'node:zlib';
@@ -813,6 +814,52 @@ export function filterToSlugs(tutorials: Map<string, string>, slugs: string[]):
   return true;
 }
 
+// [#2885] Approuter asset gate — mirrors the check-approuter-assets.cjs step
+// that rebuild-content.yml already runs. Reuses the .cjs as a subprocess to
+// avoid re-implementing probe/inconclusive logic.
+
+/** Decide whether to run the approuter asset gate based on env vars. */
+export function approuterGateDecision(env: { APPROUTER_URL?: string; SKIP_APPROUTER_GATE?: string }): { run: boolean; reason: string } {
+  if (!env.APPROUTER_URL) return { run: false, reason: 'no-approuter' };
+  if (env.SKIP_APPROUTER_GATE) return { run: false, reason: 'skip-flag' };
+  return { run: true, reason: 'ok' };
+}
+
+/** Build the argv array for the check-approuter-assets.cjs subprocess. */
+export function buildApprouterGateArgs(opts: { hugoDir: string; slugs: string }, approuterUrl: string): string[] {
+  const args = [
+    'scripts/check-approuter-assets.cjs',
+    '--approuter-url', approuterUrl,
+    '--hugo-dir', opts.hugoDir,
+    '--check-islands',
+  ];
+  if (opts.slugs.trim()) args.push('--slugs', opts.slugs.trim());
+  return args;
+}
+
+/** Run the approuter asset gate. Returns 0 when skipped or passed; non-zero on gate failure. */
+export function runApprouterGate(
+  opts: { hugoDir: string; slug: string; slugs: string },
+  env: NodeJS.ProcessEnv,
+  spawn: typeof _spawnSync = _spawnSync,
+): number {
+  const decision = approuterGateDecision(env);
+  if (!decision.run) {
+    if (decision.reason === 'skip-flag') {
+      console.warn('[publish-content] SKIP_APPROUTER_GATE=1 — skipping approuter asset gate (bypass mode).');
+    } else {
+      console.warn('[publish-content] APPROUTER_URL not set — skipping approuter asset gate (local dev mode).');
+    }
+    return 0;
+  }
+  const args = buildApprouterGateArgs(opts, env.APPROUTER_URL!);
+  const result = spawn('node', args, {
+    stdio: 'inherit',
+    env: { ...env, PUBLISH_SLUG: opts.slug },
+  });
+  return result.status ?? 0;
+}
+
 async function collectSidecars(hugoDir: string, payload: Record<string, string>, log: (s: string) => void, channel: Channel = "prod"): Promise<string[]> {
   const keys: string[] = [];
   const navJsonPath = join(hugoDir, 'tutorials', '_nav.json');
@@ -1310,6 +1357,19 @@ async function main() {
 
   log(`Found ${tutorials.size} tutorials`);
 
+  // [#2885] Pre-flight approuter asset gate — block before any BLOB write if
+  // the deployed approuter doesn't serve the CSS/JS hashes baked into the HTML.
+  // Skips loudly when APPROUTER_URL is unset (local dev / cds watch has no
+  // approuter). Set SKIP_APPROUTER_GATE=1 to bypass in a genuine emergency.
+  const gateCode = runApprouterGate(
+    { hugoDir: opts.hugoDir, slug: opts.slug ?? '', slugs: opts.slugs ?? '' },
+    process.env,
+  );
+  if (gateCode !== 0) {
+    console.error('[publish-content] approuter asset gate failed — aborting before any BLOB write.');
+    process.exit(gateCode);
+  }
+
   const violations = validateProductionBuild(tutorials);
   if (violations.length > 0) {
     console.error('Error: Hugo output contains dev-build artifacts. Refusing to publish.');
diff --git a/srv/developer-service.js b/srv/developer-service.js
index 739ce5ab0..cb85ac102 100644
--- a/srv/developer-service.js
+++ b/srv/developer-service.js
@@ -14,7 +14,8 @@ import { maybeAutoSendCompletion } from './lib/ngds-autosend.js';
 import { stampSubmissionId } from './lib/task-record-submission-id.js';
 import { rollUpParentsForCompletion } from './lib/completion-rollup.js';
 import { renderMarkdown } from './lib/markdown.js';
-import { buildTaskMap, effectiveLegacyId, expandGroupTutorials, buildPathItems, groupChildLegacyIds } from './lib/path-item-task-resolver.js';
+import { buildTaskMap, effectiveLegacyId, expandGroupTutorials, buildPathItems, buildPathSegments, fetchGroupTitles, groupChildLegacyIds } from './lib/path-item-task-resolver.js';
+import { annotateUnlocked } from './lib/app-space-segments.js';
 import { handleRequestAccountMerge, handleConfirmAccountMerge } from './lib/account-merge-request.js';
 
 // Per-user rate limit for resetTutorialProgress — same window as the
@@ -84,7 +85,7 @@ export default class DeveloperService extends cds.ApplicationService {
             Users: dbUsers, Events: dbEvents, Missions: dbMissions,
             CompletionPaths: dbPaths, CompletionPathItems: dbPathItems,
             Checkpoints: dbCheckpoints, Petoberfests: dbPetoberfests,
-            GroupPathItems: dbGroupPathItems,
+            GroupPathItems: dbGroupPathItems, Groups: dbGroups,
             UserLearningPreferences } = cds.entities('com.sap.developers.ims');
 
     // Auto-assign legacyId on TaskRecord creation
@@ -689,6 +690,12 @@ export default class DeveloperService extends cds.ApplicationService {
         entities: { GroupPathItems: dbGroupPathItems, Tutorials: dbTutorials },
       });
 
+      // #2887: Batch-fetch Group titles for fork lane labels.
+      const groupTitles = await fetchGroupTitles({
+        items: allItems,
+        entities: { Groups: dbGroups },
+      });
+
       const effLegacyByItem = new Map(allItems.map(i => [i, effectiveLegacyId(taskMap, i)]));
       const recordLegacyIds = [...new Set([
         ...[...effLegacyByItem.values()].filter(v => v != null),
@@ -715,21 +722,33 @@ export default class DeveloperService extends cds.ApplicationService {
         hasLogo: Boolean(event.hasLogo),
         authenticated: Boolean(dbUser),   // #2314/#2730: false only for anonymous callers → client skips the logged-in-only realtime/confetti path. Truthy when user resolves via any tier (sapId, identity link, or pin).
         type: 'COMPLEX',
-        paths: paths.map(p => ({
-          id: p.legacyId,
-          title: p.name,
-          description: p.description || mission.description || '',
-          items: buildPathItems({
-            pathItems: allItems.filter(i => i.path_ID === p.ID),
-            taskMap, effLegacyByItem, groupTutorials, recordMap,
-            // #2866: App Space prize credit counts only completions within the
-            // event's [startDate,endDate]; passing `event` makes shapeItem
-            // downgrade out-of-window COMPLETED tutorials to
-            // COMPLETED_OUT_OF_WINDOW. getEventProgress omits `event`, so it
-            // stays time-agnostic. Fail-open when the window is not set.
-            event,
-          }),
-        })),
+        paths: paths.map(p => {
+          const pathItems = allItems.filter(i => i.path_ID === p.ID);
+          return {
+            id: p.legacyId,
+            title: p.name,
+            description: p.description || mission.description || '',
+            items: buildPathItems({
+              pathItems,
+              taskMap, effLegacyByItem, groupTutorials, recordMap,
+              // #2866: App Space prize credit counts only completions within the
+              // event's [startDate,endDate]; passing `event` makes shapeItem
+              // downgrade out-of-window COMPLETED tutorials to
+              // COMPLETED_OUT_OF_WINDOW. getEventProgress omits `event`, so it
+              // stays time-agnostic. Fail-open when the window is not set.
+              event,
+            }),
+            // #2887: nested segment structure for the new parallel-paths UI.
+            // Kept alongside flat `items` — Task 4 will migrate the Vue off items.
+            // annotateUnlocked sets `unlocked` per item using segment-aware rules
+            // (composes with #2866 COMPLETED_OUT_OF_WINDOW and #2864 temporarilyUnavailable).
+            segments: annotateUnlocked(buildPathSegments({
+              pathItems,
+              taskMap, effLegacyByItem, groupTutorials, groupTitles, recordMap,
+              event,
+            })),
+          };
+        }),
       };
     });
 
diff --git a/srv/lib/app-space-segments.js b/srv/lib/app-space-segments.js
new file mode 100644
index 000000000..8c3007c95
--- /dev/null
+++ b/srv/lib/app-space-segments.js
@@ -0,0 +1,158 @@
+/**
+ * Returns true only when an item counts as "complete" for segment satisfaction.
+ *
+ * Rules (#2866/#2864):
+ *   - status must be exactly 'COMPLETED' (not COMPLETED_OUT_OF_WINDOW or anything else)
+ *   - temporarilyUnavailable items are never complete regardless of status
+ *
+ * @param {object} item - shapeItem-shaped output item.
+ * @returns {boolean}
+ */
+function isComplete(item) {
+  if (item.temporarilyUnavailable) return false;
+  return item.status === 'COMPLETED';
+}
+
+/**
+ * Returns true when a lane (array of items) is "complete" for fork-join purposes.
+ * Prize items (identified by `prizeId`) are EXCLUDED — they are rewards, not gates.
+ * A lane is complete when every non-prize item is complete (mirrors isLaneTutorialsComplete).
+ * An all-prize lane (no tutorials) evaluates to true via [].every() — treated as satisfied
+ * because there is no required work to gate on.
+ *
+ * @param {Array<object>} items - Lane items.
+ * @returns {boolean}
+ */
+function isLaneComplete(items) {
+  return items.filter(item => !item.prizeId).every(item => isComplete(item));
+}
+
+/**
+ * Returns true when a lane's tutorials (i.e. non-prize items) are all complete,
+ * which is the condition for unlocking that lane's own synthetic prize item.
+ *
+ * @param {Array<object>} items - Lane items.
+ * @returns {boolean}
+ */
+function isLaneTutorialsComplete(items) {
+  const tutorials = items.filter(item => !item.prizeId);
+  return tutorials.length > 0 && tutorials.every(item => isComplete(item));
+}
+
+/**
+ * Returns true when a segment is "satisfied" — i.e. all required work is done.
+ * Composes with #2866 (COMPLETED_OUT_OF_WINDOW) and #2864 (temporarilyUnavailable).
+ *
+ * @param {object} segment - A LinearSegment, ClusterSegment, or ForkSegment.
+ * @returns {boolean}
+ */
+function isSegmentSatisfied(segment) {
+  if (segment.kind === 'linear') {
+    return segment.items.every(item => isComplete(item));
+  }
+  if (segment.kind === 'parallel-any') {
+    return segment.items.every(item => isComplete(item));
+  }
+  if (segment.kind === 'fork') {
+    // All lanes must be complete for the fork to be satisfied (join gate).
+    return segment.lanes.every(l => isLaneComplete(l.items));
+  }
+  return false;
+}
+
+/**
+ * Annotates every output item in the segment array with an `unlocked` boolean.
+ *
+ * Rules:
+ *   - First segment is always unlocked.
+ *   - Segment N unlocks when segment N-1 is satisfied.
+ *   - For a fork: all lanes' items unlock together (they share the segment's
+ *     unlock state), EXCEPT for synthetic prize items which unlock independently
+ *     per-lane when that lane's own tutorials are complete.
+ *
+ * Mutates items in-place and returns the segments array.
+ *
+ * @param {Array<object>} segments - Array of LinearSegment | ClusterSegment | ForkSegment.
+ * @returns {Array<object>} The same segments array with `unlocked` set on each item.
+ */
+export function annotateUnlocked(segments) {
+  let prevSatisfied = true; // Conceptual "segment -1" is always satisfied.
+
+  for (let i = 0; i < segments.length; i++) {
+    const segment = segments[i];
+    // A segment is unlocked when i===0 (first) OR the previous segment was satisfied.
+    const segmentUnlocked = (i === 0) || prevSatisfied;
+
+    if (segment.kind === 'linear' || segment.kind === 'parallel-any') {
+      for (const item of segment.items) {
+        item.unlocked = segmentUnlocked;
+      }
+    } else if (segment.kind === 'fork') {
+      for (const l of segment.lanes) {
+        const laneTutsDone = isLaneTutorialsComplete(l.items);
+        for (const item of l.items) {
+          if (item.prizeId) {
+            // Synthetic lane prize: unlocks when THIS lane's tutorials are complete
+            // and the segment itself is unlocked. Independent of other lanes.
+            item.unlocked = segmentUnlocked && laneTutsDone;
+          } else {
+            item.unlocked = segmentUnlocked;
+          }
+        }
+      }
+    }
+
+    prevSatisfied = isSegmentSatisfied(segment);
+  }
+
+  return segments;
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+
+/**
+ * Groups a CompletionPath's items by itemOrder and classifies each group's shape.
+ * Pure JS function with no DB access.
+ *
+ * @param {Array<object>} pathItems - Raw CompletionPathItems rows. Fields used: itemOrder, taskType.
+ *                                    Input need not be pre-sorted.
+ * @returns {Array<{order: number, kind: string, members: Array<object>}>}
+ *          Segments sorted ascending by order.
+ *          kind: 'linear' (1 member), 'parallel-any' (2+ all TUTORIAL), 'fork' (2+ with any GROUP).
+ */
+export function classifyPathSegments(pathItems) {
+  // Group by itemOrder
+  const grouped = new Map();
+  for (const item of pathItems) {
+    const order = item.itemOrder;
+    if (!grouped.has(order)) {
+      grouped.set(order, []);
+    }
+    grouped.get(order).push(item);
+  }
+
+  // Sort orders ascending and classify each group
+  const orders = Array.from(grouped.keys()).sort((a, b) => a - b);
+  const segments = [];
+
+  for (const order of orders) {
+    const members = grouped.get(order);
+    let kind;
+
+    if (members.length === 1) {
+      kind = 'linear';
+    } else {
+      // 2+ members: check if any are GROUP
+      const hasGroup = members.some(m => m.taskType === 'GROUP');
+      kind = hasGroup ? 'fork' : 'parallel-any';
+    }
+
+    segments.push({
+      order,
+      kind,
+      members
+    });
+  }
+
+  return segments;
+}
diff --git a/srv/lib/path-item-task-resolver.js b/srv/lib/path-item-task-resolver.js
index 924cd6a4b..443c384fe 100644
--- a/srv/lib/path-item-task-resolver.js
+++ b/srv/lib/path-item-task-resolver.js
@@ -1,4 +1,5 @@
 import cds from '@sap/cds';
+import { classifyPathSegments } from './app-space-segments.js';
 
 // Shared task resolution for CompletionPathItems in the event / app-space
 // progress handlers (srv/developer-service.js: getEventProgress,
@@ -202,7 +203,7 @@ function effectiveStatus(record, type, event) {
   return status;
 }
 
-function shapeItem(task, effLegacyId, record, type, checkpointTitle, event) {
+function shapeItem(task, effLegacyId, record, type, checkpointTitle, event, unavail) {
   return {
     imsId: effLegacyId,
     title: task?.title || record?.titleSnapshot || checkpointTitle || '',
@@ -214,6 +215,15 @@ function shapeItem(task, effLegacyId, record, type, checkpointTitle, event) {
     url: task?.slug ? `/tutorials/${task.slug}.html` : '',
     description: task?.description || '',
     recordId: record?.legacyId || 0,
+    // #2864: per-path-item temporarily-unavailable flag, carried on the
+    // `unavail` source row. #2890: buildPathSegments now passes the parent GROUP
+    // path-item here for GROUP-expanded children, so a GROUP-level toggle
+    // propagates onto each child (render dim + never-counted-complete).
+    // buildPathItems (getEventProgress, linear tracks) still passes null for
+    // GROUP children, keeping them non-inherited there. unavailableReason
+    // omitted when empty.
+    temporarilyUnavailable: unavail?.temporarilyUnavailable === true,
+    ...(unavail?.unavailableReason ? { unavailableReason: unavail.unavailableReason } : {}),
   };
 }
 
@@ -244,14 +254,15 @@ export function buildPathItems({ pathItems, taskMap, effLegacyByItem, groupTutor
       const children = (i.group_ID && groupTutorials.get(i.group_ID)) || [];
       for (const t of children) {
         const record = t.legacyId != null ? recordMap.get(`TUTORIAL:${t.legacyId}`) : undefined;
-        out.push(shapeItem(t, t.legacyId ?? null, record, 'TUTORIAL', null, event));
+        // #2864: group children are NOT inherited-unavailable — stamp false.
+        out.push(shapeItem(t, t.legacyId ?? null, record, 'TUTORIAL', null, event, null));
       }
       continue;
     }
     const task = resolveTask(taskMap, i);
     const effLegacyId = effLegacyByItem.get(i);
     const record = recordMap.get(`${i.taskType}:${effLegacyId}`);
-    out.push(shapeItem(task, effLegacyId, record, i.taskType, i.checkpointTitle, event));
+    out.push(shapeItem(task, effLegacyId, record, i.taskType, i.checkpointTitle, event, i));
   }
   return out;
 }
@@ -269,3 +280,164 @@ export function groupChildLegacyIds(groupTutorials) {
   }
   return [...ids];
 }
+
+/**
+ * Batch-fetch the titles for Groups referenced by path items (for fork lane
+ * labels). Returns an empty Map when there are no GROUP items.
+ *
+ * @param {object} opts
+ * @param {Array}  opts.items    CompletionPathItems rows (taskType, group_ID).
+ * @param {object} opts.entities { Groups } CDS entity.
+ * @returns {Promise<Map<string,string>>}  group_ID → title
+ */
+export async function fetchGroupTitles({ items, entities }) {
+  const { Groups } = entities;
+  const groupIds = [...new Set(
+    items
+      .filter(i => i.taskType === 'GROUP' && i.group_ID)
+      .map(i => i.group_ID)
+  )];
+  const titleMap = new Map();
+  if (groupIds.length === 0) return titleMap;
+  const rows = await SELECT.from(Groups).columns('ID', 'title').where({ ID: { in: groupIds } });
+  for (const r of rows) titleMap.set(r.ID, r.title || '');
+  return titleMap;
+}
+
+/**
+ * Build a nested segment structure for a single App Space path.
+ *
+ * Uses `classifyPathSegments` (Task 1) to group path items by `itemOrder` and
+ * classify each group as 'linear' / 'parallel-any' / 'fork', then shapes each
+ * segment accordingly:
+ *
+ *  - LinearSegment  `{ order, kind:'linear', items }`
+ *    A lone GROUP at an order expands inline to its child tutorials exactly as
+ *    `buildPathItems` does today — no lane wrapper.
+ *
+ *  - ClusterSegment `{ order, kind:'parallel-any', items }`
+ *    All members are TUTORIAL items; each becomes one output item.
+ *
+ *  - ForkSegment    `{ order, kind:'fork', lanes:[{ label, items }] }`
+ *    Each GROUP member → one lane (label = Groups.title from groupTitles);
+ *    items = expanded child tutorials + optional synthetic CHECKPOINT when the
+ *    path item's prize_ID is set. Non-GROUP members → a single-item lane
+ *    (label = item title from the resolved task).
+ *
+ * Does NOT modify `buildPathItems` — `getEventProgress` continues to use that.
+ *
+ * #2866: pass `event` through so out-of-window COMPLETED tutorials are
+ * downgraded to COMPLETED_OUT_OF_WINDOW exactly as today.
+ * #2864: `temporarilyUnavailable` is threaded into each output item.
+ *
+ * @param {object} opts
+ * @param {Array}  opts.pathItems       CompletionPathItems for this path (itemOrder-sorted).
+ * @param {Map}    opts.taskMap         from buildTaskMap.
+ * @param {Map}    opts.effLegacyByItem item → effective legacyId.
+ * @param {Map}    opts.groupTutorials  group_ID → child tutorial rows (expandGroupTutorials).
+ * @param {Map}    opts.groupTitles     group_ID → title (fetchGroupTitles).
+ * @param {Map}    opts.recordMap       `${taskType}:${legacyId}` → user TaskRecord.
+ * @param {object} [opts.event]         #2866: event row for window-gating.
+ * @returns {Array<LinearSegment|ClusterSegment|ForkSegment>}
+ */
+export function buildPathSegments({
+  pathItems, taskMap, effLegacyByItem, groupTutorials, groupTitles, recordMap, event,
+}) {
+  const classified = classifyPathSegments(pathItems);
+  const segments = [];
+
+  for (const { order, kind, members } of classified) {
+    if (kind === 'linear') {
+      const [item] = members;
+      if (item.taskType === 'GROUP') {
+        // Lone GROUP: expand inline to child tutorials (same as buildPathItems).
+        // #2890: the GROUP path-item's temporarilyUnavailable/unavailableReason
+        // propagate onto each expanded child so an unavailable branch dims and
+        // cannot be counted complete.
+        const children = (item.group_ID && groupTutorials.get(item.group_ID)) || [];
+        const items = children.map(t => {
+          const record = t.legacyId != null ? recordMap.get(`TUTORIAL:${t.legacyId}`) : undefined;
+          return shapeItem(t, t.legacyId ?? null, record, 'TUTORIAL', null, event, item);
+        });
+        segments.push({ order, kind: 'linear', items });
+      } else {
+        // Regular linear: single direct item.
+        const task = resolveTask(taskMap, item);
+        const effLegacyId = effLegacyByItem.get(item);
+        const record = recordMap.get(`${item.taskType}:${effLegacyId}`);
+        const shaped = shapeItem(task, effLegacyId, record, item.taskType, item.checkpointTitle, event);
+        segments.push({
+          order,
+          kind: 'linear',
+          items: [{
+            ...shaped,
+            temporarilyUnavailable: Boolean(item.temporarilyUnavailable),
+          }],
+        });
+      }
+    } else if (kind === 'parallel-any') {
+      // All TUTORIAL members, no GROUP. Each becomes one output item.
+      const items = members.map(item => {
+        const task = resolveTask(taskMap, item);
+        const effLegacyId = effLegacyByItem.get(item);
+        const record = recordMap.get(`${item.taskType}:${effLegacyId}`);
+        return {
+          ...shapeItem(task, effLegacyId, record, item.taskType, item.checkpointTitle, event),
+          temporarilyUnavailable: Boolean(item.temporarilyUnavailable),
+        };
+      });
+      segments.push({ order, kind: 'parallel-any', items });
+    } else {
+      // kind === 'fork': one or more GROUP members (possibly mixed with TUTORIAL members).
+      const lanes = members.map(item => {
+        if (item.taskType === 'GROUP') {
+          const label = (item.group_ID && groupTitles.get(item.group_ID)) || '';
+          const children = (item.group_ID && groupTutorials.get(item.group_ID)) || [];
+          const laneItems = children.map(t => {
+            const record = t.legacyId != null ? recordMap.get(`TUTORIAL:${t.legacyId}`) : undefined;
+            // #2890: propagate this GROUP lane's temporarilyUnavailable/
+            // unavailableReason onto each child so the lane dims (laneUnavailable)
+            // and its tutorials can't be counted complete (isLaneComplete).
+            return shapeItem(t, t.legacyId ?? null, record, 'TUTORIAL', null, event, item);
+          });
+          // Synthetic prize CHECKPOINT: appended only when prize_ID is set.
+          if (item.prize_ID) {
+            const prizeTitle = label || 'Prize';
+            laneItems.push({
+              imsId: null,
+              title: prizeTitle,
+              type: 'CHECKPOINT',
+              status: '',
+              progress: 0,
+              experience: '',
+              timeToComplete: 0,
+              url: '',
+              description: '',
+              recordId: 0,
+              temporarilyUnavailable: false,
+              prizeId: item.prize_ID,
+            });
+          }
+          return { label, items: laneItems };
+        } else {
+          // Non-GROUP member in a fork → single-item lane.
+          const task = resolveTask(taskMap, item);
+          const effLegacyId = effLegacyByItem.get(item);
+          const record = recordMap.get(`${item.taskType}:${effLegacyId}`);
+          const shaped = shapeItem(task, effLegacyId, record, item.taskType, item.checkpointTitle, event);
+          const label = shaped.title || '';
+          return {
+            label,
+            items: [{
+              ...shaped,
+              temporarilyUnavailable: Boolean(item.temporarilyUnavailable),
+            }],
+          };
+        }
+      });
+      segments.push({ order, kind: 'fork', lanes });
+    }
+  }
+
+  return segments;
+}
diff --git a/srv/pat-service.cds b/srv/pat-service.cds
index b897fc3c8..da8442216 100644
--- a/srv/pat-service.cds
+++ b/srv/pat-service.cds
@@ -31,4 +31,12 @@ service PatService {
   /** Mint a new Personal Access Token. Returns the plaintext ONCE. */
   action mintPAT(name: String(80), scopes: array of String, ttlDays: Integer)
     returns { ID: UUID; token: String; prefix: String; expiresAt: Timestamp };
+
+  // #2857: UI capability probe. The mint dialog calls this to decide whether to
+  // offer the `admin` scope — it is shown ONLY when the caller may actually mint
+  // an admin PAT, mirroring the backend mint gate (handleMintPAT: flag ON AND a
+  // live XSUAA Admin role). Returning false keeps non-admins from selecting a
+  // scope that would 403 at mint time (and strands them per #2857).
+  /** May the caller mint an admin-scoped PAT right now? */
+  function patCapabilities() returns { adminScopeAvailable: Boolean };
 }
diff --git a/srv/pat-service.js b/srv/pat-service.js
index 19e623e47..bbdca8e91 100644
--- a/srv/pat-service.js
+++ b/srv/pat-service.js
@@ -1,5 +1,6 @@
 import cds from '@sap/cds';
 import { handleMintPAT, handleRevokePAT } from './lib/mcp-pat-actions.js';
+import { isFlagEnabled } from './lib/feature-flags/db-flags.js';
 
 // #1132: Criticality enum for the FE status column.
 //   1 = Error (red), 3 = Success (green) — per @com.sap.vocabularies.UI.v1.CriticalityType.
@@ -20,6 +21,13 @@ function decorateStatus(rows) {
 export default class PatService extends cds.ApplicationService {
   async init() {
     this.on('mintPAT', handleMintPAT);
+    // #2857: capability probe for the mint UI — offer the `admin` scope only
+    // when the caller could actually mint one (flag ON AND live XSUAA Admin),
+    // mirroring the handleMintPAT gate. Safe even on a PAT session: req.user.is
+    // returns false for 'Admin' there, so headless callers get false.
+    this.on('patCapabilities', (req) => ({
+      adminScopeAvailable: isFlagEnabled('PAT_ADMIN_SCOPE_ENABLED') && req.user.is('Admin'),
+    }));
     // #1132: revokePAT is now bound to MyPATs (FE line-item action).
     this.on('revokePAT', 'MyPATs', handleRevokePAT);
     // #1132: decorate each row with the virtual status/revocable fields the
diff --git a/srv/scanner-service.cds b/srv/scanner-service.cds
index 082599bc8..06923cea9 100644
--- a/srv/scanner-service.cds
+++ b/srv/scanner-service.cds
@@ -5,10 +5,13 @@ using { com.sap.developers.ims as ims } from '../db/schema';
 service ScannerService {
 
   function getContestant(accountNumber : String, eventId : Integer) returns {
+    lastName           : String;
+    firstInitial       : String;
     tutorialsCompleted : Integer;
     groupsCompleted    : Integer;
     missionsCompleted  : Integer;
     claimedCount       : Integer;
+    claimedPrizeNames  : array of String;
     prizeRecords       : String;
   };
 
@@ -23,4 +26,19 @@ service ScannerService {
   // Returns the resulting claimedCount and a message.
   action claimPrizeForContestant(accountNumber : String, eventId : Integer)
     returns { claimedCount : Integer; message : String };
+
+  // #badge-v2: per-event aggregate for the badge scanner's event-stats panel.
+  // Scoped on TaskRecords.event_ID (badge/app-space path). Unresolvable eventId
+  // returns a zeroed shape (eventName null), never rejects.
+  function getEventStats(eventId : Integer) returns {
+    eventName              : String;
+    prizesClaimed          : Integer;
+    prizesAvailable        : Integer;
+    earnedAwaitingHandover : Integer;
+    participants           : Integer;
+    participantsClaimed    : Integer;
+    tutorialsCompleted     : Integer;
+    groupsCompleted        : Integer;
+    missionsCompleted      : Integer;
+  };
 }
diff --git a/srv/scanner-service.js b/srv/scanner-service.js
index 58522bbe0..d3948d996 100644
--- a/srv/scanner-service.js
+++ b/srv/scanner-service.js
@@ -13,17 +13,31 @@ export default class ScannerService extends cds.ApplicationService {
       if (!accountNumber) return req.reject(400, 'accountNumber is required');
 
       // accountNumber now carries the user's UUID (string ID), not a numeric legacyId.
-      const user = await SELECT.one.from(Users).where({ ID: accountNumber });
+      const user = await SELECT.one.from(Users).columns('ID', 'firstName', 'lastName').where({ ID: accountNumber });
       if (!user) return req.reject(404, `User not found: ${accountNumber}`);
 
+      const lastName = user.lastName || '';
+      const firstInitial = (user.firstName || '').trim().charAt(0).toUpperCase();
+
+      // Resolve event by legacyId when provided; use its UUID for the event_ID filter.
+      let eventFilter = null;
+      if (eventId != null) {
+        const event = await SELECT.one.from(Events).where({ legacyId: eventId });
+        if (event) eventFilter = event.ID;
+      }
+
       // "Has-ever-completed" semantic (issue #600): a SUPERSEDED row is a prior
       // completion that was reset, so it still counts. DISTINCT by
       // (user_ID, taskLegacyId) so a user who reset + re-completed the same
-      // task is counted once, not twice.
-      const taskRecords = await SELECT.from(TaskRecords).where({
+      // task is counted once, not twice. Scoped to the scanned event (#badge-v2)
+      // so the card's counts match the event-stats panel; falls back to all
+      // events when the eventId is absent/unresolvable.
+      const taskFilter = {
         user_ID: user.ID,
         status: { in: ['COMPLETED', 'SUPERSEDED'] }
-      });
+      };
+      if (eventFilter) taskFilter.event_ID = eventFilter;
+      const taskRecords = await SELECT.from(TaskRecords).where(taskFilter);
 
       const seenByType = { TUTORIAL: new Set(), GROUP: new Set(), MISSION: new Set() };
       for (const r of taskRecords) {
@@ -34,22 +48,79 @@ export default class ScannerService extends cds.ApplicationService {
       const groupsCompleted = seenByType.GROUP.size;
       const missionsCompleted = seenByType.MISSION.size;
 
-      // Resolve event by legacyId when provided; use its UUID for the event_ID filter.
-      let eventFilter = null;
-      if (eventId != null) {
-        const event = await SELECT.one.from(Events).where({ legacyId: eventId });
-        if (event) eventFilter = event.ID;
-      }
-
       // Count CLAIMED PrizeRecords for this user, scoped to the event when resolvable.
       const prizeFilter = { user_ID: user.ID, status: 'CLAIMED' };
       if (eventFilter) prizeFilter.event_ID = eventFilter;
-      const prizeRecs = await SELECT.from(PrizeRecords).where(prizeFilter);
+      const prizeRecs = await SELECT.from(PrizeRecords).columns('ID', 'prize_ID').where(prizeFilter);
 
       const claimedCount = prizeRecs.length;
       const prizeRecords = `${claimedCount} of 2 prizes claimed`;
 
-      return { tutorialsCompleted, groupsCompleted, missionsCompleted, claimedCount, prizeRecords };
+      // Resolve names of the claimed prizes. Rows with a real prize association
+      // yield the prize name; null-prize rows (new-flow handovers) fall back to
+      // a generic label so the list length always tracks claimedCount.
+      const prizeIds = prizeRecs.map(r => r.prize_ID).filter(Boolean);
+      const nameById = {};
+      if (prizeIds.length) {
+        const prizes = await SELECT.from(Prizes).columns('ID', 'name').where({ ID: { in: prizeIds } });
+        for (const p of prizes) nameById[p.ID] = p.name;
+      }
+      const claimedPrizeNames = prizeRecs.map(r => (r.prize_ID && nameById[r.prize_ID]) || 'Prize');
+
+      return { lastName, firstInitial, tutorialsCompleted, groupsCompleted, missionsCompleted, claimedCount, claimedPrizeNames, prizeRecords };
+    });
+
+    // #badge-v2 — per-event aggregate for the scanner's event-stats panel.
+    // Event scoping = TaskRecords.event_ID (badge/app-space path), NOT the
+    // Devtoberfest date-window. Completion totals use the same has-ever-completed
+    // DISTINCT-by-(user_ID, taskLegacyId) semantic as getContestant. CQL only.
+    this.on('getEventStats', async (req) => {
+      const { eventId } = req.data;
+      const zero = {
+        eventName: null, prizesClaimed: 0, prizesAvailable: 0, earnedAwaitingHandover: 0,
+        participants: 0, participantsClaimed: 0,
+        tutorialsCompleted: 0, groupsCompleted: 0, missionsCompleted: 0,
+      };
+      if (eventId == null) return zero;
+
+      const event = await SELECT.one.from(Events).columns('ID', 'name').where({ legacyId: eventId });
+      if (!event) return zero;
+
+      const prizeRecs = await SELECT.from(PrizeRecords)
+        .columns('user_ID', 'status')
+        .where({ event_ID: event.ID });
+      let prizesClaimed = 0, earnedAwaitingHandover = 0;
+      const claimers = new Set();
+      for (const r of prizeRecs) {
+        if (r.status === 'CLAIMED') { prizesClaimed++; claimers.add(r.user_ID); }
+        else if (r.status === 'EARNED') { earnedAwaitingHandover++; }
+      }
+
+      const prizesAvailable = (await SELECT.from(Prizes).columns('ID').where({ event_ID: event.ID })).length;
+
+      // Completions scoped to the event; DISTINCT by (user_ID, taskLegacyId).
+      const taskRecords = await SELECT.from(TaskRecords)
+        .columns('user_ID', 'taskType', 'taskLegacyId')
+        .where({ event_ID: event.ID, status: { in: ['COMPLETED', 'SUPERSEDED'] } });
+      const seenByType = { TUTORIAL: new Set(), GROUP: new Set(), MISSION: new Set() };
+      const participantSet = new Set();
+      for (const r of taskRecords) {
+        participantSet.add(r.user_ID);
+        const set = seenByType[r.taskType];
+        if (set) set.add(`${r.user_ID}|${r.taskLegacyId}`);
+      }
+
+      return {
+        eventName: event.name,
+        prizesClaimed,
+        prizesAvailable,
+        earnedAwaitingHandover,
+        participants: participantSet.size,
+        participantsClaimed: claimers.size,
+        tutorialsCompleted: seenByType.TUTORIAL.size,
+        groupsCompleted: seenByType.GROUP.size,
+        missionsCompleted: seenByType.MISSION.size,
+      };
     });
 
     // Task 6 — atomic capped handover (max 2 CLAIMED per user+event).
diff --git a/test/app-space-segments-resolver.test.js b/test/app-space-segments-resolver.test.js
new file mode 100644
index 000000000..f8326767f
--- /dev/null
+++ b/test/app-space-segments-resolver.test.js
@@ -0,0 +1,253 @@
+import { describe, it, expect, beforeAll, afterAll } from 'vitest';
+import cds from '@sap/cds';
+
+// Issue #2887: App Space parallel-paths — buildPathSegments must emit a nested
+// segment structure (linear / parallel-any / fork lanes) instead of a flat
+// items array. This test validates the new `segments` field on each path object
+// returned by getAppSpaceProgress.
+//
+// Scenario A ("fork event"): a path with three distinct itemOrders:
+//   Order 10  — one TUTORIAL (Setup)            → linear segment
+//   Order 20  — two GROUPs (MCP w/ prize; Agents) → fork segment, 2 lanes
+//   Order 30  — one CHECKPOINT                  → linear segment
+//
+// Scenario B ("lone-group event"): a path whose only item is a single GROUP
+//   → linear segment whose items are the group's expanded tutorials (no lane wrapper)
+
+const project = cds.test('serve', '--project', '.', '--in-memory');
+
+// ─── Scenario A: fork event ──────────────────────────────────────────────────
+const FORK_EVENT_ID   = 10008001;
+const FORK_MISSION_ID = '11111111-2887-aaaa-0000-000000000001';
+const FORK_EVENT_UUID = 'eeeeeeee-2887-aaaa-0000-000000000001';
+const FORK_PATH_ID    = '22222222-2887-aaaa-0000-000000000001';
+
+// Groups for the fork
+const GRP_MCP_ID    = '33333333-2887-aaaa-0000-000000000001';
+const GRP_AGENTS_ID = '33333333-2887-aaaa-0000-000000000002';
+
+// Prize attached to the MCP group path item
+const PRIZE_ID = '44444444-2887-aaaa-0000-000000000001';
+
+// Tutorials for MCP group
+const TUT_MCP_A  = { ID: 'cccccccc-2887-aaaa-0000-000000000001', legacyId: 10008010, slug: 'mcp-tut-a', title: 'MCP Tutorial A' };
+const TUT_MCP_B  = { ID: 'cccccccc-2887-aaaa-0000-000000000002', legacyId: 10008011, slug: 'mcp-tut-b', title: 'MCP Tutorial B' };
+// Tutorials for Agents group
+const TUT_AGT_A  = { ID: 'cccccccc-2887-aaaa-0000-000000000003', legacyId: 10008012, slug: 'agents-tut-a', title: 'Agents Tutorial A' };
+// Setup tutorial (Order 10)
+const TUT_SETUP  = { ID: 'cccccccc-2887-aaaa-0000-000000000004', legacyId: 10008013, slug: 'setup-tut', title: 'Setup Tutorial' };
+
+// ─── Scenario B: lone-group event ────────────────────────────────────────────
+const LONE_EVENT_ID   = 10008002;
+const LONE_MISSION_ID = '11111111-2887-aaaa-0000-000000000002';
+const LONE_EVENT_UUID = 'eeeeeeee-2887-aaaa-0000-000000000002';
+const LONE_PATH_ID    = '22222222-2887-aaaa-0000-000000000002';
+const LONE_GRP_ID     = '33333333-2887-aaaa-0000-000000000003';
+const TUT_LONE_A = { ID: 'cccccccc-2887-aaaa-0000-000000000005', legacyId: 10008020, slug: 'lone-grp-a', title: 'Lone Group Tut A' };
+const TUT_LONE_B = { ID: 'cccccccc-2887-aaaa-0000-000000000006', legacyId: 10008021, slug: 'lone-grp-b', title: 'Lone Group Tut B' };
+
+describe('App-Space segments: fork lanes + synthetic prize CHECKPOINT + lone-GROUP linear (#2887)', () => {
+  beforeAll(async () => {
+    const {
+      Events, Missions, CompletionPaths, CompletionPathItems,
+      Groups, GroupPathItems, Tutorials, Prizes
+    } = cds.entities('com.sap.developers.ims');
+
+    // ── Tutorials ──────────────────────────────────────────────────────────
+    await INSERT.into(Tutorials).entries([
+      TUT_SETUP, TUT_MCP_A, TUT_MCP_B, TUT_AGT_A,
+      TUT_LONE_A, TUT_LONE_B,
+    ]);
+
+    // ── Groups ─────────────────────────────────────────────────────────────
+    await INSERT.into(Groups).entries([
+      { ID: GRP_MCP_ID,    legacyId: 10008030, title: 'MCP',    slug: 'grp-mcp',    published: true },
+      { ID: GRP_AGENTS_ID, legacyId: 10008031, title: 'Agents', slug: 'grp-agents', published: true },
+      { ID: LONE_GRP_ID,   legacyId: 10008032, title: 'Lone Group', slug: 'grp-lone', published: true },
+    ]);
+
+    // ── GroupPathItems ─────────────────────────────────────────────────────
+    await INSERT.into(GroupPathItems).entries([
+      // MCP group children
+      { ID: 'ffffffff-2887-aaaa-0000-000000000001', group_ID: GRP_MCP_ID, tutorial_ID: TUT_MCP_A.ID, itemOrder: 1 },
+      { ID: 'ffffffff-2887-aaaa-0000-000000000002', group_ID: GRP_MCP_ID, tutorial_ID: TUT_MCP_B.ID, itemOrder: 2 },
+      // Agents group children
+      { ID: 'ffffffff-2887-aaaa-0000-000000000003', group_ID: GRP_AGENTS_ID, tutorial_ID: TUT_AGT_A.ID, itemOrder: 1 },
+      // Lone group children
+      { ID: 'ffffffff-2887-aaaa-0000-000000000004', group_ID: LONE_GRP_ID, tutorial_ID: TUT_LONE_A.ID, itemOrder: 1 },
+      { ID: 'ffffffff-2887-aaaa-0000-000000000005', group_ID: LONE_GRP_ID, tutorial_ID: TUT_LONE_B.ID, itemOrder: 2 },
+    ]);
+
+    // ── Prizes ─────────────────────────────────────────────────────────────
+    await INSERT.into(Prizes).entries([
+      { ID: PRIZE_ID, legacyId: 10008040, name: 'MCP Prize', event_ID: FORK_EVENT_UUID },
+    ]);
+
+    // ── Scenario A: fork mission + event ───────────────────────────────────
+    await INSERT.into(Missions).entries({
+      ID: FORK_MISSION_ID, legacyId: 10008050, title: 'Fork Mission',
+      slug: 'fork-mission', description: 'A fork mission', published: true, event_ID: null,
+    });
+    await INSERT.into(Events).entries({
+      ID: FORK_EVENT_UUID, legacyId: FORK_EVENT_ID,
+      name: 'Fork Test Event', eventType: 'OTHER', mission_ID: FORK_MISSION_ID,
+    });
+    await INSERT.into(CompletionPaths).entries({
+      ID: FORK_PATH_ID, legacyId: 10008060, name: 'Fork Path',
+      mission_ID: FORK_MISSION_ID, description: 'The fork path',
+    });
+    await INSERT.into(CompletionPathItems).entries([
+      // Order 10: single TUTORIAL (linear)
+      { ID: 'dddddddd-2887-aaaa-0000-000000000001', path_ID: FORK_PATH_ID, itemOrder: 10,
+        taskType: 'TUTORIAL', taskLegacyId: null, tutorial_ID: TUT_SETUP.ID },
+      // Order 20: GROUP MCP (with prize) — fork lane 1
+      { ID: 'dddddddd-2887-aaaa-0000-000000000002', path_ID: FORK_PATH_ID, itemOrder: 20,
+        taskType: 'GROUP', taskLegacyId: null, group_ID: GRP_MCP_ID, prize_ID: PRIZE_ID },
+      // Order 20: GROUP Agents (no prize) — fork lane 2
+      { ID: 'dddddddd-2887-aaaa-0000-000000000003', path_ID: FORK_PATH_ID, itemOrder: 20,
+        taskType: 'GROUP', taskLegacyId: null, group_ID: GRP_AGENTS_ID },
+      // Order 30: single CHECKPOINT (linear)
+      { ID: 'dddddddd-2887-aaaa-0000-000000000004', path_ID: FORK_PATH_ID, itemOrder: 30,
+        taskType: 'CHECKPOINT', taskLegacyId: 10008070, checkpointTitle: 'Final Check' },
+    ]);
+
+    // ── Scenario B: lone-group mission + event ─────────────────────────────
+    await INSERT.into(Missions).entries({
+      ID: LONE_MISSION_ID, legacyId: 10008051, title: 'Lone Group Mission',
+      slug: 'lone-group-mission', description: 'Lone group', published: true, event_ID: null,
+    });
+    await INSERT.into(Events).entries({
+      ID: LONE_EVENT_UUID, legacyId: LONE_EVENT_ID,
+      name: 'Lone Group Test Event', eventType: 'OTHER', mission_ID: LONE_MISSION_ID,
+    });
+    await INSERT.into(CompletionPaths).entries({
+      ID: LONE_PATH_ID, legacyId: 10008061, name: 'Lone Group Path',
+      mission_ID: LONE_MISSION_ID, description: 'Lone group path',
+    });
+    await INSERT.into(CompletionPathItems).entries([
+      // Single GROUP at Order 10 (lone-GROUP case → linear, expands inline)
+      { ID: 'dddddddd-2887-aaaa-0000-000000000005', path_ID: LONE_PATH_ID, itemOrder: 10,
+        taskType: 'GROUP', taskLegacyId: null, group_ID: LONE_GRP_ID },
+    ]);
+  });
+
+  afterAll(async () => {
+    const {
+      Events, Missions, CompletionPaths, CompletionPathItems,
+      Groups, GroupPathItems, Tutorials, Prizes
+    } = cds.entities('com.sap.developers.ims');
+    await DELETE.from(CompletionPathItems).where({
+      path_ID: { in: [FORK_PATH_ID, LONE_PATH_ID] }
+    });
+    await DELETE.from(CompletionPaths).where({ ID: { in: [FORK_PATH_ID, LONE_PATH_ID] } });
+    await DELETE.from(Events).where({ legacyId: { in: [FORK_EVENT_ID, LONE_EVENT_ID] } });
+    await DELETE.from(Missions).where({ ID: { in: [FORK_MISSION_ID, LONE_MISSION_ID] } });
+    await DELETE.from(GroupPathItems).where({
+      group_ID: { in: [GRP_MCP_ID, GRP_AGENTS_ID, LONE_GRP_ID] }
+    });
+    await DELETE.from(Groups).where({ ID: { in: [GRP_MCP_ID, GRP_AGENTS_ID, LONE_GRP_ID] } });
+    await DELETE.from(Prizes).where({ ID: PRIZE_ID });
+    await DELETE.from(Tutorials).where({
+      ID: { in: [TUT_SETUP.ID, TUT_MCP_A.ID, TUT_MCP_B.ID, TUT_AGT_A.ID, TUT_LONE_A.ID, TUT_LONE_B.ID] }
+    });
+  });
+
+  // ── Scenario A tests ──────────────────────────────────────────────────────
+
+  it('fork path has 3 segments with kinds [linear, fork, linear]', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    expect(path).toBeDefined();
+    expect(path.segments).toBeDefined();
+    expect(path.segments).toHaveLength(3);
+    expect(path.segments.map(s => s.kind)).toEqual(['linear', 'fork', 'linear']);
+  });
+
+  it('fork segment has 2 lanes labeled MCP and Agents (from Groups.title)', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    const forkSeg = path.segments.find(s => s.kind === 'fork');
+    expect(forkSeg).toBeDefined();
+    expect(forkSeg.lanes).toHaveLength(2);
+    const labels = forkSeg.lanes.map(l => l.label);
+    expect(labels).toContain('MCP');
+    expect(labels).toContain('Agents');
+  });
+
+  it('MCP lane contains its child tutorials', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    const forkSeg = path.segments.find(s => s.kind === 'fork');
+    const mcpLane = forkSeg.lanes.find(l => l.label === 'MCP');
+    expect(mcpLane).toBeDefined();
+    const tutTitles = mcpLane.items.filter(i => i.type === 'TUTORIAL').map(i => i.title);
+    expect(tutTitles).toContain(TUT_MCP_A.title);
+    expect(tutTitles).toContain(TUT_MCP_B.title);
+  });
+
+  it('MCP lane ends with a synthetic CHECKPOINT (from prize_ID)', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    const forkSeg = path.segments.find(s => s.kind === 'fork');
+    const mcpLane = forkSeg.lanes.find(l => l.label === 'MCP');
+    const lastItem = mcpLane.items[mcpLane.items.length - 1];
+    expect(lastItem.type).toBe('CHECKPOINT');
+  });
+
+  it('Agents lane has no synthetic CHECKPOINT (no prize)', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    const forkSeg = path.segments.find(s => s.kind === 'fork');
+    const agentsLane = forkSeg.lanes.find(l => l.label === 'Agents');
+    expect(agentsLane).toBeDefined();
+    expect(agentsLane.items.every(i => i.type !== 'CHECKPOINT')).toBe(true);
+  });
+
+  it('linear segment at Order 10 has the Setup tutorial', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    const setupSeg = path.segments.find(s => s.order === 10);
+    expect(setupSeg.kind).toBe('linear');
+    expect(setupSeg.items).toHaveLength(1);
+    expect(setupSeg.items[0].title).toBe(TUT_SETUP.title);
+  });
+
+  it('linear segment at Order 30 has the CHECKPOINT', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    const cpSeg = path.segments.find(s => s.order === 30);
+    expect(cpSeg.kind).toBe('linear');
+    expect(cpSeg.items).toHaveLength(1);
+    expect(cpSeg.items[0].type).toBe('CHECKPOINT');
+    expect(cpSeg.items[0].title).toBe('Final Check');
+  });
+
+  it('flat items array is still present (backwards compat)', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${FORK_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008060);
+    expect(Array.isArray(path.items)).toBe(true);
+    // items should contain the tutorials (flat, existing behavior)
+    expect(path.items.length).toBeGreaterThan(0);
+  });
+
+  // ── Scenario B: lone GROUP → linear (no lane wrapper) ────────────────────
+
+  it('lone GROUP at an order produces a linear segment with expanded tutorials (no lane wrapper)', async () => {
+    const { data } = await project.get(`/api/getAppSpaceProgress(eventLegacyId=${LONE_EVENT_ID})`);
+    const path = data.paths.find(p => p.id === 10008061);
+    expect(path).toBeDefined();
+    expect(path.segments).toBeDefined();
+    expect(path.segments).toHaveLength(1);
+    const seg = path.segments[0];
+    expect(seg.kind).toBe('linear');
+    // Linear segment must have items array (not lanes)
+    expect(seg.items).toBeDefined();
+    expect(seg.lanes).toBeUndefined();
+    // Items must be the group's expanded tutorials
+    const titles = seg.items.map(i => i.title);
+    expect(titles).toContain(TUT_LONE_A.title);
+    expect(titles).toContain(TUT_LONE_B.title);
+    // No GROUP cards, only TUTORIAL cards
+    expect(seg.items.every(i => i.type === 'TUTORIAL')).toBe(true);
+  });
+});
diff --git a/test/e2e/app-space-parallel.spec.ts b/test/e2e/app-space-parallel.spec.ts
new file mode 100644
index 000000000..db8fd0cc9
--- /dev/null
+++ b/test/e2e/app-space-parallel.spec.ts
@@ -0,0 +1,123 @@
+// e2e: App Space parallel-paths fork detail view (#2887).
+//
+// Loads the /app-space/ page (anonymous) and, when a fork track is present in
+// the API response, asserts:
+//   1. The track detail view renders at least two `.lane` columns inside `.lanes`.
+//   2. Each lane has a visible `.lane__name` label.
+//   3. At least one item in the fork carries a lock (`.step--locked`) — proving
+//      the downstream checkpoint is gated until the lane is complete.
+//
+// The fork-track data is seeded on DEV via the admin UI or rebuild workflow.
+// If no event has a fork-track configured on the target env, the spec treats
+// that as a valid empty state (same pattern as topic-clusters-band.spec.ts)
+// and exits without failing — so fresh/staging deploys without seed data are
+// never penalised.
+//
+// Self-skips without PLAYWRIGHT_BASE_URL / SMOKE_BASE_URL (repo e2e convention,
+// #1338). The unit tier (`npm test`) is unaffected.
+//
+// Run post-deploy:
+//   SMOKE_BASE_URL=https://… npx vitest run --project e2e test/e2e/app-space-parallel.spec.ts
+import { describe, it, expect, beforeAll, afterAll } from 'vitest';
+import { hasBaseUrl } from './e2e.config.js';
+import { launchBrowser, newPage } from './_browser.js';
+
+describe.skipIf(!hasBaseUrl())('e2e: App Space parallel-paths fork detail view (#2887)', () => {
+  let browser: Awaited<ReturnType<typeof launchBrowser>>;
+
+  beforeAll(async () => {
+    browser = await launchBrowser();
+  });
+
+  afterAll(async () => {
+    await browser?.close();
+  });
+
+  it('app-space page loads and shows the hero + track grid', async () => {
+    const { context, page } = await newPage(browser, { authenticated: false });
+    try {
+      const response = await page.goto('/app-space/', { waitUntil: 'domcontentloaded' });
+      expect(response, 'no response received').not.toBeNull();
+      expect(response!.status(), 'unexpected status for /app-space/').toBe(200);
+
+      // The Vue island mounts into #app-space. Wait for the hero title (always
+      // present even when there are no tracks).
+      await page.locator('.app-space').waitFor({ state: 'attached', timeout: 20_000 });
+      // Hero title or skeleton must be in the DOM once the island hydrates.
+      const heroVisible = await page.locator('.hero-title, .hero-title-skeleton').count();
+      expect(heroVisible, 'hero should render after island hydration').toBeGreaterThan(0);
+    } finally {
+      await context.close();
+    }
+  });
+
+  it('a fork track renders two lane columns + a locked downstream item', async () => {
+    const { context, page } = await newPage(browser, { authenticated: false });
+    try {
+      await page.goto('/app-space/', { waitUntil: 'domcontentloaded' });
+
+      // Wait for the island to settle (loading spinner disappears, grid appears
+      // OR empty-state appears).
+      await page.locator('.track-grid, .empty-state, .track-card').waitFor({
+        state: 'attached',
+        timeout: 25_000,
+      }).catch(() => {/* island may not have a track-grid when there are 0 tracks */});
+
+      // Find a track card whose track has segments (fork shape).  We detect
+      // this by clicking cards one by one and looking for `.lanes` in the detail
+      // view.  If no fork track is configured on this env, exit gracefully.
+      const trackCards = await page.locator('.track-card').all();
+      if (trackCards.length === 0) {
+        // No tracks configured on this env — valid empty state, not a failure.
+        return;
+      }
+
+      let foundForkTrack = false;
+      for (const card of trackCards) {
+        await card.click();
+        // Wait briefly for the detail view to settle.
+        await page.locator('.timeline, .detail-header').waitFor({
+          state: 'attached',
+          timeout: 10_000,
+        }).catch(() => {});
+
+        const lanesCount = await page.locator('.lanes').count();
+        if (lanesCount > 0) {
+          foundForkTrack = true;
+          break;
+        }
+
+        // Not a fork track — go back and try the next card.
+        await page.locator('.back-button').click();
+        await page.locator('.track-grid').waitFor({ state: 'attached', timeout: 10_000 }).catch(() => {});
+      }
+
+      if (!foundForkTrack) {
+        // No fork track seeded on this env — valid, not a failure.
+        return;
+      }
+
+      // ── Assert fork layout ────────────────────────────────────────────────
+      // At least two lane columns must be present (the fork has ≥2 branches).
+      const laneCount = await page.locator('.lanes .lane').count();
+      expect(laneCount, 'fork segment must have at least two lane columns').toBeGreaterThanOrEqual(2);
+
+      // Each lane must have a visible label.
+      const laneNames = page.locator('.lane__name');
+      expect(
+        await laneNames.count(),
+        'each lane must have a .lane__name label'
+      ).toBeGreaterThanOrEqual(2);
+      // The first label is non-empty text.
+      const firstName = await laneNames.first().textContent();
+      expect(firstName?.trim().length, 'lane label must be non-empty').toBeGreaterThan(0);
+
+      // A locked downstream item must exist — proves the join-checkpoint is not
+      // unlocked until a lane completes (the anonymous viewer has no completions).
+      const lockedCount = await page.locator('.step--locked').count();
+      expect(lockedCount, 'at least one item should be locked for an anonymous visitor').toBeGreaterThan(0);
+    } finally {
+      await context.close();
+    }
+  });
+});
diff --git a/test/pat-admin-grant.test.js b/test/pat-admin-grant.test.js
index f7a329785..0e1ea8ad1 100644
--- a/test/pat-admin-grant.test.js
+++ b/test/pat-admin-grant.test.js
@@ -1,9 +1,10 @@
-import { describe, it, expect, beforeAll } from 'vitest';
+import { describe, it, expect, beforeAll, afterEach } from 'vitest';
 import { __test } from '../srv/lib/mcp-pat-actions.js';
 import { __test as mwTest } from '../srv/lib/mcp-pat-middleware.js';
 import cds from '@sap/cds';
 import { resolveAdminGrant, upsertAdminGrant, revokeAdminGrant } from '../srv/lib/admin-grant.js';
 import { FEATURE_FLAGS } from '../packages/core/feature-flags/registry.js';
+import { __setFlagForTest, __resetFlagsForTest } from '../srv/lib/feature-flags/db-flags.js';
 
 const { SELECT, INSERT } = cds.ql;
 
@@ -168,6 +169,42 @@ describe('PAT_ADMIN_SCOPE_ENABLED flag', () => {
   });
 });
 
+describe('PatService.patCapabilities (#2857 — mint-UI admin-scope gate)', () => {
+  cds.test('serve', '--project', '.', '--in-memory');
+
+  afterEach(() => { __resetFlagsForTest(); });
+
+  it('true only when flag ON AND caller holds Admin', async () => {
+    __setFlagForTest('PAT_ADMIN_SCOPE_ENABLED', true);
+    const pats = await cds.connect.to('PatService');
+    const res = await pats.tx(
+      { user: { id: 'admin@sap.com', roles: ['Admin', 'authenticated-user'] } },
+      tx => tx.send({ event: 'patCapabilities' })
+    );
+    expect(res.adminScopeAvailable).toBe(true);
+  });
+
+  it('false when the caller lacks the Admin role (flag ON)', async () => {
+    __setFlagForTest('PAT_ADMIN_SCOPE_ENABLED', true);
+    const pats = await cds.connect.to('PatService');
+    const res = await pats.tx(
+      { user: { id: 'user@sap.com', roles: ['authenticated-user'] } },
+      tx => tx.send({ event: 'patCapabilities' })
+    );
+    expect(res.adminScopeAvailable).toBe(false);
+  });
+
+  it('false when the flag is OFF even for an Admin', async () => {
+    __setFlagForTest('PAT_ADMIN_SCOPE_ENABLED', false);
+    const pats = await cds.connect.to('PatService');
+    const res = await pats.tx(
+      { user: { id: 'admin@sap.com', roles: ['Admin', 'authenticated-user'] } },
+      tx => tx.send({ event: 'patCapabilities' })
+    );
+    expect(res.adminScopeAvailable).toBe(false);
+  });
+});
+
 describe('AdminService.revokeAdminGrant', () => {
   cds.test('serve', '--project', '.', '--in-memory');
 
diff --git a/test/unit/app-space-gating.test.js b/test/unit/app-space-gating.test.js
index 456dbe5bf..02dc9ec32 100644
--- a/test/unit/app-space-gating.test.js
+++ b/test/unit/app-space-gating.test.js
@@ -50,6 +50,42 @@ describe('isItemUnlocked — progress/prize gating (strict COMPLETED)', () => {
   });
 });
 
+describe('isItemUnlocked — server unlocked flag (#2887)', () => {
+  it('unlocked:true on an item whose predecessor is incomplete returns true (flag wins)', () => {
+    // Task 3 set unlocked=true server-side, bypassing adjacency logic.
+    const items = [tut('AVAILABLE'), { type: 'TUTORIAL', status: 'LOCKED', unlocked: true }];
+    expect(isItemUnlocked(items, 1)).toBe(true);
+  });
+
+  it('unlocked:false with a COMPLETED predecessor returns false (flag wins)', () => {
+    // Even though the predecessor is COMPLETED, the flag says don't unlock.
+    const items = [tut('COMPLETED'), { type: 'TUTORIAL', status: 'AVAILABLE', unlocked: false }];
+    expect(isItemUnlocked(items, 1)).toBe(false);
+  });
+
+  it('item with NO unlocked property falls back to adjacency behavior', () => {
+    // Legacy payloads or existing linear tracks without the flag use the old logic.
+    const items = [tut('COMPLETED'), tut('AVAILABLE')];
+    expect(isItemUnlocked(items, 1)).toBe(true); // predecessor COMPLETED → unlock
+  });
+
+  it('unlocked flag on a checkpoint works the same way', () => {
+    const items = [tut('AVAILABLE'), { type: 'CHECKPOINT', status: 'LOCKED', unlocked: true }];
+    expect(isItemUnlocked(items, 1)).toBe(true);
+
+    const items2 = [tut('COMPLETED'), { type: 'CHECKPOINT', status: 'AVAILABLE', unlocked: false }];
+    expect(isItemUnlocked(items2, 1)).toBe(false);
+  });
+
+  it('unlocked flag on a prize works the same way', () => {
+    const items = [tut('AVAILABLE'), { type: 'PRIZE', status: 'LOCKED', unlocked: true }];
+    expect(isItemUnlocked(items, 1)).toBe(true);
+
+    const items2 = [tut('COMPLETED'), { type: 'PRIZE', status: 'AVAILABLE', unlocked: false }];
+    expect(isItemUnlocked(items2, 1)).toBe(false);
+  });
+});
+
 describe('isTutorialOpenable — keeps the tutorial link live (#2866)', () => {
   it('an out-of-window completed tutorial stays openable (the bug fix)', () => {
     // Even though it is NOT unlocked for gating, its URL must stay reachable so
diff --git a/test/unit/app-space-segments.test.js b/test/unit/app-space-segments.test.js
new file mode 100644
index 000000000..843ffc7c2
--- /dev/null
+++ b/test/unit/app-space-segments.test.js
@@ -0,0 +1,90 @@
+import { describe, it, expect } from 'vitest';
+import { classifyPathSegments } from '../../srv/lib/app-space-segments.js';
+import { buildPathSegments } from '../../srv/lib/path-item-task-resolver.js';
+
+const row = (order, taskType, extra = {}) => ({ itemOrder: order, taskType, ...extra });
+
+describe('classifyPathSegments', () => {
+  it('one item at an order → linear', () => {
+    const segs = classifyPathSegments([row(10, 'TUTORIAL')]);
+    expect(segs).toEqual([{ order: 10, kind: 'linear', members: [row(10, 'TUTORIAL')] }]);
+  });
+  it('a lone GROUP at an order is linear, not a one-lane fork', () => {
+    const segs = classifyPathSegments([row(10, 'GROUP', { group_ID: 'g1' })]);
+    expect(segs[0].kind).toBe('linear');
+  });
+  it('2+ TUTORIALs sharing an order → parallel-any', () => {
+    const segs = classifyPathSegments([row(20, 'TUTORIAL'), row(20, 'TUTORIAL')]);
+    expect(segs[0].kind).toBe('parallel-any');
+  });
+  it('2+ GROUPs sharing an order → fork', () => {
+    const segs = classifyPathSegments([row(20, 'GROUP', { group_ID: 'a' }), row(20, 'GROUP', { group_ID: 'b' })]);
+    expect(segs[0].kind).toBe('fork');
+  });
+  it('a GROUP and a TUTORIAL sharing an order → fork (tutorial becomes a single-item lane)', () => {
+    const segs = classifyPathSegments([row(20, 'GROUP', { group_ID: 'a' }), row(20, 'TUTORIAL')]);
+    expect(segs[0].kind).toBe('fork');
+    expect(segs[0].members).toHaveLength(2);
+  });
+  it('sorts segments ascending by order regardless of input order', () => {
+    const segs = classifyPathSegments([row(30, 'TUTORIAL'), row(10, 'TUTORIAL')]);
+    expect(segs.map(s => s.order)).toEqual([10, 30]);
+  });
+});
+
+// #2890: a GROUP path-item's temporarilyUnavailable / unavailableReason must
+// propagate onto the tutorials it expands into — both the lone-GROUP linear
+// path and the fork-lane path. Without it, an unavailable GROUP branch stays
+// navigable (render) and a previously-COMPLETED lane spuriously earns its prize
+// (completion-counting edge). These are pure-Map inputs — no DB needed.
+describe('buildPathSegments: GROUP temporarilyUnavailable propagation (#2890)', () => {
+  const TUT_A = { ID: 'tut-a', legacyId: 9001, slug: 'tut-a', title: 'Tut A' };
+  const TUT_B = { ID: 'tut-b', legacyId: 9002, slug: 'tut-b', title: 'Tut B' };
+
+  const baseArgs = (pathItems, groupTutorials, groupTitles = new Map()) => ({
+    pathItems,
+    taskMap: new Map(),
+    effLegacyByItem: new Map(),
+    groupTutorials,
+    groupTitles,
+    recordMap: new Map(),
+  });
+
+  it('propagates an unavailable lone GROUP onto its linear expanded children', () => {
+    const groupItem = row(10, 'GROUP', {
+      group_ID: 'g1', temporarilyUnavailable: true, unavailableReason: 'Vendor outage',
+    });
+    const groupTutorials = new Map([['g1', [TUT_A, TUT_B]]]);
+    const segs = buildPathSegments(baseArgs([groupItem], groupTutorials));
+    const [linear] = segs;
+    expect(linear.kind).toBe('linear');
+    expect(linear.items).toHaveLength(2);
+    expect(linear.items.every(i => i.temporarilyUnavailable === true)).toBe(true);
+    expect(linear.items.every(i => i.unavailableReason === 'Vendor outage')).toBe(true);
+  });
+
+  it('propagates an unavailable fork-lane GROUP onto its lane children', () => {
+    const grpUnavail = row(20, 'GROUP', {
+      group_ID: 'g1', temporarilyUnavailable: true, unavailableReason: 'Branch paused',
+    });
+    const grpAvail = row(20, 'GROUP', { group_ID: 'g2' });
+    const groupTutorials = new Map([['g1', [TUT_A]], ['g2', [TUT_B]]]);
+    const groupTitles = new Map([['g1', 'Alpha'], ['g2', 'Beta']]);
+    const segs = buildPathSegments(baseArgs([grpUnavail, grpAvail], groupTutorials, groupTitles));
+    const fork = segs.find(s => s.kind === 'fork');
+    const alpha = fork.lanes.find(l => l.label === 'Alpha');
+    const beta = fork.lanes.find(l => l.label === 'Beta');
+    expect(alpha.items.every(i => i.temporarilyUnavailable === true)).toBe(true);
+    expect(alpha.items.every(i => i.unavailableReason === 'Branch paused')).toBe(true);
+    // The available sibling lane must NOT inherit unavailability.
+    expect(beta.items.every(i => i.temporarilyUnavailable === false)).toBe(true);
+  });
+
+  it('leaves an available GROUP\'s children with temporarilyUnavailable false (control)', () => {
+    const groupItem = row(10, 'GROUP', { group_ID: 'g1' });
+    const groupTutorials = new Map([['g1', [TUT_A, TUT_B]]]);
+    const segs = buildPathSegments(baseArgs([groupItem], groupTutorials));
+    expect(segs[0].items.every(i => i.temporarilyUnavailable === false)).toBe(true);
+    expect(segs[0].items.every(i => !('unavailableReason' in i))).toBe(true);
+  });
+});
diff --git a/test/unit/app-space-unavailable-gating.test.js b/test/unit/app-space-unavailable-gating.test.js
new file mode 100644
index 000000000..17752c76c
--- /dev/null
+++ b/test/unit/app-space-unavailable-gating.test.js
@@ -0,0 +1,27 @@
+// test/unit/app-space-unavailable-gating.test.js
+//
+// #2864 — a temporarily-unavailable path item must not be openable on the
+// App Space kiosk, even if it would otherwise be unlocked/openable by the
+// #2866 gating rules. isTutorialOpenable is the single chokepoint the template
+// uses both to gate the click handler and to apply the `clickable` class, so
+// returning false here greys AND delinks the card.
+
+import { describe, it, expect } from 'vitest';
+import { isTutorialOpenable } from '../../hugo-apps/src/app-space/app-space-gating.ts';
+
+const tut = (status, extra = {}) => ({ type: 'TUTORIAL', status, ...extra });
+
+describe('isTutorialOpenable — #2864 temporarilyUnavailable blocks opening', () => {
+  it('an available, unlocked first tutorial is normally openable', () => {
+    expect(isTutorialOpenable([tut('AVAILABLE')], 0)).toBe(true);
+  });
+
+  it('is NOT openable when the item is temporarilyUnavailable', () => {
+    expect(isTutorialOpenable([tut('AVAILABLE', { temporarilyUnavailable: true })], 0)).toBe(false);
+  });
+
+  it('temporarilyUnavailable overrides the COMPLETED_OUT_OF_WINDOW redo exception', () => {
+    const items = [tut('COMPLETED_OUT_OF_WINDOW', { temporarilyUnavailable: true })];
+    expect(isTutorialOpenable(items, 0)).toBe(false);
+  });
+});
diff --git a/test/unit/app-space-unavailable.test.js b/test/unit/app-space-unavailable.test.js
new file mode 100644
index 000000000..4ecec47da
--- /dev/null
+++ b/test/unit/app-space-unavailable.test.js
@@ -0,0 +1,80 @@
+// test/unit/app-space-unavailable.test.js
+//
+// #2864 — the per-path-item "temporarily unavailable" flag must flow through
+// the App Space data path (buildPathItems → shapeItem), the SAME flag the
+// admin toggles and the mission page already honors. Before this fix the
+// App Space feed dropped the flag entirely, so a disabled Joule Studio (BDC)
+// path item still rendered as an active, clickable card on the kiosk.
+//
+// Treatment mirrors the mission page (packages/content/catalog-data.js):
+//   - direct path items carry their own temporarilyUnavailable/unavailableReason
+//   - GROUP-expanded child tutorials are NOT inherited-unavailable (stamp false)
+
+import { describe, it, expect } from 'vitest';
+import { buildPathItems } from '../../srv/lib/path-item-task-resolver.js';
+
+// Minimal task map keyed as buildTaskMap would key it. resolveTask in the
+// resolver reads TUTORIAL:<legacyId> for legacyId-only items.
+function tutTask(legacyId, title, slug) {
+  return { legacyId, title, slug, description: '', experienceTag: '', averageTimeToComplete: 0 };
+}
+
+describe('buildPathItems — #2864 per-item temporarilyUnavailable passthrough', () => {
+  it('carries temporarilyUnavailable + unavailableReason onto a direct item', () => {
+    const item = {
+      path_ID: 'P1', taskType: 'TUTORIAL', taskLegacyId: 10,
+      temporarilyUnavailable: true, unavailableReason: 'Joule Studio down for maintenance',
+    };
+    const taskMap = new Map([['TUTORIAL:10', tutTask(10, 'Joule Studio', 'joule-studio')]]);
+    const effLegacyByItem = new Map([[item, 10]]);
+
+    const out = buildPathItems({
+      pathItems: [item],
+      taskMap,
+      effLegacyByItem,
+      groupTutorials: new Map(),
+      recordMap: new Map(),
+    });
+
+    expect(out).toHaveLength(1);
+    expect(out[0].temporarilyUnavailable).toBe(true);
+    expect(out[0].unavailableReason).toBe('Joule Studio down for maintenance');
+  });
+
+  it('defaults temporarilyUnavailable to false and omits reason on an available item', () => {
+    const item = { path_ID: 'P1', taskType: 'TUTORIAL', taskLegacyId: 11 };
+    const taskMap = new Map([['TUTORIAL:11', tutTask(11, 'Other', 'other')]]);
+    const effLegacyByItem = new Map([[item, 11]]);
+
+    const out = buildPathItems({
+      pathItems: [item],
+      taskMap,
+      effLegacyByItem,
+      groupTutorials: new Map(),
+      recordMap: new Map(),
+    });
+
+    expect(out[0].temporarilyUnavailable).toBe(false);
+    expect(out[0].unavailableReason).toBeUndefined();
+  });
+
+  it('GROUP-expanded child tutorials are stamped temporarilyUnavailable:false (not inherited)', () => {
+    const groupItem = {
+      path_ID: 'P1', taskType: 'GROUP', group_ID: 'G1',
+      temporarilyUnavailable: true, unavailableReason: 'should not leak to children',
+    };
+    const groupTutorials = new Map([['G1', [tutTask(20, 'Child A', 'child-a')]]]);
+
+    const out = buildPathItems({
+      pathItems: [groupItem],
+      taskMap: new Map(),
+      effLegacyByItem: new Map(),
+      groupTutorials,
+      recordMap: new Map(),
+    });
+
+    expect(out).toHaveLength(1);
+    expect(out[0].temporarilyUnavailable).toBe(false);
+    expect(out[0].unavailableReason).toBeUndefined();
+  });
+});
diff --git a/test/unit/app-space-unlock.test.js b/test/unit/app-space-unlock.test.js
new file mode 100644
index 000000000..c0cd60218
--- /dev/null
+++ b/test/unit/app-space-unlock.test.js
@@ -0,0 +1,289 @@
+// test/unit/app-space-unlock.test.js
+//
+// Unit tests for annotateUnlocked — server-side segment-aware unlock flags (#2887).
+//
+// Rules:
+//   - First segment always unlocked.
+//   - Segment N unlocks when segment N-1 is SATISFIED.
+//   - linear satisfied: single item status === 'COMPLETED'.
+//   - parallel-any satisfied: ALL items status === 'COMPLETED'.
+//   - fork satisfied: ALL lanes complete (every item in each lane 'COMPLETED',
+//     including synthetic checkpoint).
+//   - A lane's own synthetic prize unlocks when THAT lane's tutorials complete,
+//     independent of other lanes.
+//   - COMPLETED_OUT_OF_WINDOW and temporarilyUnavailable are never 'complete'.
+
+import { describe, it, expect } from 'vitest';
+import { annotateUnlocked } from '../../srv/lib/app-space-segments.js';
+
+// Helpers for building minimal item/segment fixtures.
+const tut = (status, extra = {}) => ({ type: 'TUTORIAL', status, temporarilyUnavailable: false, ...extra });
+const checkpoint = (status = '') => ({ type: 'CHECKPOINT', status, temporarilyUnavailable: false });
+const prize = (prizeId = 'prize-1') => ({ type: 'CHECKPOINT', status: '', temporarilyUnavailable: false, prizeId });
+
+const linear = (item) => ({ order: 1, kind: 'linear', items: [item] });
+const cluster = (items) => ({ order: 2, kind: 'parallel-any', items });
+const fork = (lanes) => ({ order: 3, kind: 'fork', lanes });
+const lane = (items, label = '') => ({ label, items });
+
+describe('annotateUnlocked — linear gating', () => {
+  it('first linear segment is always unlocked', () => {
+    const segs = [
+      { order: 1, kind: 'linear', items: [tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[0].items[0].unlocked).toBe(true);
+  });
+
+  it('second segment unlocks when first linear is COMPLETED', () => {
+    const segs = [
+      { order: 1, kind: 'linear', items: [tut('COMPLETED')] },
+      { order: 2, kind: 'linear', items: [tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[0].items[0].unlocked).toBe(true);
+    expect(result[1].items[0].unlocked).toBe(true);
+  });
+
+  it('second segment remains locked when first linear is not COMPLETED', () => {
+    const segs = [
+      { order: 1, kind: 'linear', items: [tut('AVAILABLE')] },
+      { order: 2, kind: 'linear', items: [tut('LOCKED')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[0].items[0].unlocked).toBe(true);
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+
+  it('linear gate carries over: third segment locked when second is not complete', () => {
+    const segs = [
+      { order: 1, kind: 'linear', items: [tut('COMPLETED')] },
+      { order: 2, kind: 'linear', items: [tut('AVAILABLE')] },
+      { order: 3, kind: 'linear', items: [tut('LOCKED')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[0].items[0].unlocked).toBe(true);
+    expect(result[1].items[0].unlocked).toBe(true);
+    expect(result[2].items[0].unlocked).toBe(false);
+  });
+});
+
+describe('annotateUnlocked — parallel-any (cluster) gating', () => {
+  it('cluster items are all unlocked when the preceding segment is satisfied', () => {
+    const segs = [
+      { order: 1, kind: 'linear', items: [tut('COMPLETED')] },
+      { order: 2, kind: 'parallel-any', items: [tut('AVAILABLE'), tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[1].items[0].unlocked).toBe(true);
+    expect(result[1].items[1].unlocked).toBe(true);
+  });
+
+  it('cluster locks downstream until ALL members are COMPLETED', () => {
+    const segs = [
+      { order: 1, kind: 'parallel-any', items: [tut('COMPLETED'), tut('AVAILABLE')] },
+      { order: 2, kind: 'linear', items: [tut('LOCKED')] },
+    ];
+    const result = annotateUnlocked(segs);
+    // First cluster segment is always unlocked (first segment rule).
+    expect(result[0].items[0].unlocked).toBe(true);
+    expect(result[0].items[1].unlocked).toBe(true);
+    // Second segment NOT unlocked because cluster is not fully satisfied.
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+
+  it('cluster satisfied when ALL members COMPLETED unlocks downstream', () => {
+    const segs = [
+      { order: 1, kind: 'parallel-any', items: [tut('COMPLETED'), tut('COMPLETED')] },
+      { order: 2, kind: 'linear', items: [tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[1].items[0].unlocked).toBe(true);
+  });
+});
+
+describe('annotateUnlocked — fork gating', () => {
+  it('fork join: downstream locks until BOTH lanes are complete', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'fork',
+        lanes: [
+          lane([tut('COMPLETED'), checkpoint('COMPLETED')]),   // lane 1 complete
+          lane([tut('AVAILABLE'), checkpoint()]),              // lane 2 incomplete
+        ],
+      },
+      { order: 2, kind: 'linear', items: [tut('LOCKED')] },
+    ];
+    const result = annotateUnlocked(segs);
+    // Fork segment is first → always unlocked.
+    expect(result[0].lanes[0].items[0].unlocked).toBe(true);
+    // Downstream locked because lane 2 not done.
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+
+  it('fork join: downstream unlocks when ALL lanes complete', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'fork',
+        lanes: [
+          lane([tut('COMPLETED'), checkpoint('COMPLETED')]),
+          lane([tut('COMPLETED'), checkpoint('COMPLETED')]),
+        ],
+      },
+      { order: 2, kind: 'linear', items: [tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[1].items[0].unlocked).toBe(true);
+  });
+
+  it('per-lane synthetic prize unlocks on its own lane completing, independent of other lanes', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'fork',
+        lanes: [
+          lane([tut('COMPLETED'), prize('prize-a')]),          // lane 1 tutorials done → prize unlocked
+          lane([tut('AVAILABLE'), prize('prize-b')]),          // lane 2 tutorials NOT done → prize locked
+        ],
+      },
+    ];
+    const result = annotateUnlocked(segs);
+    const lane1Items = result[0].lanes[0].items;
+    const lane2Items = result[0].lanes[1].items;
+    // Lane 1 tutorial and its prize should both be unlocked.
+    expect(lane1Items[0].unlocked).toBe(true);  // tutorial (first seg → all unlocked)
+    expect(lane1Items[1].unlocked).toBe(true);  // synthetic prize: lane 1 tutorials complete
+    // Lane 2 tutorial unlocked (first seg), but prize locked (lane not complete).
+    expect(lane2Items[0].unlocked).toBe(true);  // tutorial (first seg → all unlocked)
+    expect(lane2Items[1].unlocked).toBe(false); // synthetic prize: lane 2 tutorials NOT complete
+  });
+});
+
+describe('annotateUnlocked — #2866 COMPLETED_OUT_OF_WINDOW never counts as complete', () => {
+  it('COMPLETED_OUT_OF_WINDOW in a linear leaves the next segment locked', () => {
+    const segs = [
+      { order: 1, kind: 'linear', items: [tut('COMPLETED_OUT_OF_WINDOW')] },
+      { order: 2, kind: 'linear', items: [tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+
+  it('COMPLETED_OUT_OF_WINDOW in a lane leaves that lane incomplete (prize locked)', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'fork',
+        lanes: [
+          lane([tut('COMPLETED_OUT_OF_WINDOW'), prize('prize-a')]),
+        ],
+      },
+    ];
+    const result = annotateUnlocked(segs);
+    // Synthetic prize must NOT unlock — out-of-window never satisfies a lane.
+    expect(result[0].lanes[0].items[1].unlocked).toBe(false);
+  });
+
+  it('COMPLETED_OUT_OF_WINDOW in a cluster leaves the cluster unsatisfied', () => {
+    const segs = [
+      { order: 1, kind: 'parallel-any', items: [tut('COMPLETED'), tut('COMPLETED_OUT_OF_WINDOW')] },
+      { order: 2, kind: 'linear', items: [tut('LOCKED')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+});
+
+describe('annotateUnlocked — #2864 temporarilyUnavailable never counts as complete', () => {
+  it('temporarilyUnavailable item in a linear leaves the next segment locked', () => {
+    const segs = [
+      { order: 1, kind: 'linear', items: [{ ...tut('COMPLETED'), temporarilyUnavailable: true }] },
+      { order: 2, kind: 'linear', items: [tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+
+  it('temporarilyUnavailable item in a cluster leaves the cluster unsatisfied', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'parallel-any',
+        items: [tut('COMPLETED'), { ...tut('COMPLETED'), temporarilyUnavailable: true }],
+      },
+      { order: 2, kind: 'linear', items: [tut('LOCKED')] },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+
+  it('temporarilyUnavailable item in a lane leaves that lane unsatisfied', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'fork',
+        lanes: [
+          lane([{ ...tut('COMPLETED'), temporarilyUnavailable: true }, prize('prize-a')]),
+        ],
+      },
+    ];
+    const result = annotateUnlocked(segs);
+    expect(result[0].lanes[0].items[1].unlocked).toBe(false);
+  });
+});
+
+describe('annotateUnlocked — fork with prizes does NOT block downstream join', () => {
+  // Regression guard for the isLaneComplete bug: prize items were included in the
+  // gate check (status: '' → never COMPLETED) which made the fork permanently
+  // unsatisfied and locked every downstream segment.
+
+  it('(positive) fork lanes with tutorials+checkpoint+prize all done → downstream unlocked', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'fork',
+        lanes: [
+          lane([tut('COMPLETED'), checkpoint('COMPLETED'), prize('prize-a')]),
+          lane([tut('COMPLETED'), checkpoint('COMPLETED'), prize('prize-b')]),
+        ],
+      },
+      { order: 2, kind: 'linear', items: [tut('AVAILABLE')] },
+    ];
+    const result = annotateUnlocked(segs);
+    // Both lane prizes should be unlocked (their tutorials complete).
+    expect(result[0].lanes[0].items[2].unlocked).toBe(true);
+    expect(result[0].lanes[1].items[2].unlocked).toBe(true);
+    // Downstream segment must be unlocked — the fork IS satisfied (prizes are not gates).
+    expect(result[1].items[0].unlocked).toBe(true);
+  });
+
+  it('(negative) fork with one lane tutorial incomplete → downstream still locked', () => {
+    const segs = [
+      {
+        order: 1,
+        kind: 'fork',
+        lanes: [
+          lane([tut('COMPLETED'), checkpoint('COMPLETED'), prize('prize-a')]),
+          lane([tut('AVAILABLE'), checkpoint(),            prize('prize-b')]),  // lane 2 not done
+        ],
+      },
+      { order: 2, kind: 'linear', items: [tut('LOCKED')] },
+    ];
+    const result = annotateUnlocked(segs);
+    // Lane 1 prize unlocked; lane 2 prize NOT unlocked.
+    expect(result[0].lanes[0].items[2].unlocked).toBe(true);
+    expect(result[0].lanes[1].items[2].unlocked).toBe(false);
+    // Downstream remains locked because lane 2 is not satisfied.
+    expect(result[1].items[0].unlocked).toBe(false);
+  });
+});
+
+describe('annotateUnlocked — return value', () => {
+  it('returns the same segments array (mutate-and-return)', () => {
+    const segs = [{ order: 1, kind: 'linear', items: [tut('AVAILABLE')] }];
+    const result = annotateUnlocked(segs);
+    expect(result).toBe(segs);
+  });
+});
diff --git a/test/unit/deploy-dirty-build-inputs.test.ts b/test/unit/deploy-dirty-build-inputs.test.ts
new file mode 100644
index 000000000..def2e4b4d
--- /dev/null
+++ b/test/unit/deploy-dirty-build-inputs.test.ts
@@ -0,0 +1,61 @@
+import { describe, it, expect } from 'vitest';
+import { createRequire } from 'node:module';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+// Unit test for the #2886 dirty-build-inputs deploy gate in
+// scripts/deploy-mta.cjs. The 2026-10-21 PROD-down incident shipped an
+// approuter built from an UNCOMMITTED working-tree edit to
+// hugo/assets/css/sap-fundamental.css, so Hugo fingerprinted the dirty CSS and
+// the approuter served a hash the committed-source content pipeline never
+// bakes → 404 on every tutorial. Step 0's branch/SHA guard missed it (a dirty
+// tree has the same HEAD SHA). `dirtyBuildInputs` parses the output of
+//   git status --porcelain -- hugo/assets hugo/layouts
+// and returns the TRACKED, modified build-input paths that must block the
+// deploy. We test the parser in isolation — the git scoping (the `--` pathspec)
+// is exercised by the integration path, not here.
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const require = createRequire(import.meta.url);
+const { dirtyBuildInputs } = require(join(__dirname, '..', '..', 'scripts', 'deploy-mta.cjs'));
+
+describe('dirtyBuildInputs (#2886 dirty-tree deploy gate)', () => {
+  it('flags a tracked, modified build-input file (the incident case)', () => {
+    const porcelain = ' M hugo/assets/css/sap-fundamental.css\n';
+    expect(dirtyBuildInputs(porcelain)).toEqual(['hugo/assets/css/sap-fundamental.css']);
+  });
+
+  it('flags staged (index-side) modifications too', () => {
+    const porcelain = 'M  hugo/assets/css/sap-fundamental.css\n';
+    expect(dirtyBuildInputs(porcelain)).toEqual(['hugo/assets/css/sap-fundamental.css']);
+  });
+
+  it('flags added, deleted, and renamed tracked inputs', () => {
+    const porcelain =
+      'A  hugo/layouts/partials/new.html\n' +
+      ' D hugo/assets/css/old.css\n' +
+      'R  hugo/layouts/a.html -> hugo/layouts/b.html\n';
+    const out = dirtyBuildInputs(porcelain);
+    expect(out).toContain('hugo/layouts/partials/new.html');
+    expect(out).toContain('hugo/assets/css/old.css');
+    // A rename reports the destination path (what Hugo would fingerprint).
+    expect(out).toContain('hugo/layouts/b.html');
+  });
+
+  it('IGNORES untracked files (build:all-generated artifacts, stray scratch)', () => {
+    const porcelain =
+      '?? hugo/assets/css/scratch.css\n' +
+      '?? hugo/layouts/wip.html\n';
+    expect(dirtyBuildInputs(porcelain)).toEqual([]);
+  });
+
+  it('returns empty on a clean tree', () => {
+    expect(dirtyBuildInputs('')).toEqual([]);
+    expect(dirtyBuildInputs('\n')).toEqual([]);
+  });
+
+  it('handles CRLF and trailing whitespace without phantom entries', () => {
+    const porcelain = ' M hugo/assets/css/sap-fundamental.css\r\n';
+    expect(dirtyBuildInputs(porcelain)).toEqual(['hugo/assets/css/sap-fundamental.css']);
+  });
+});
diff --git a/test/unit/scanner-contestant-count.test.js b/test/unit/scanner-contestant-count.test.js
index e3ae77937..27a43c5da 100644
--- a/test/unit/scanner-contestant-count.test.js
+++ b/test/unit/scanner-contestant-count.test.js
@@ -84,3 +84,80 @@ describe('ScannerService.getContestant — UUID lookup + event-scoped count', ()
     ).rejects.toThrow(/User not found/);
   });
 });
+
+describe('ScannerService.getContestant — identity + claimed prize names (#badge-v2)', () => {
+  const USER_UUID    = 'uuid-id-1';
+  const BLANK_UUID   = 'uuid-id-blank';
+  const EVENT_LEGACY = 9911;
+
+  beforeEach(async () => {
+    const { Users, Events, Prizes, PrizeRecords, TaskRecords } = cds.entities('com.sap.developers.ims');
+    await DELETE.from(PrizeRecords);
+    await DELETE.from(TaskRecords);
+    await DELETE.from(Prizes);
+    await DELETE.from(Events);
+    await DELETE.from(Users);
+
+    await INSERT.into(Users).entries([
+      { ID: USER_UUID,  uuid: USER_UUID,  sapId: 'sap-i1', firstName: 'Thomas', lastName: 'Jung' },
+      { ID: BLANK_UUID, uuid: BLANK_UUID, sapId: 'sap-i2', firstName: '',       lastName: 'Solo' },
+    ]);
+
+    await INSERT.into(Events).entries([
+      { ID: 'evt-id-main',  legacyId: EVENT_LEGACY, name: 'Identity Event' },
+      { ID: 'evt-id-other', legacyId: 9912,         name: 'Other Event' },
+    ]);
+
+    await INSERT.into(Prizes).entries([
+      { ID: 'prize-sticker', name: 'Sticker Pack', event_ID: 'evt-id-main' },
+    ]);
+
+    // 1 CLAIMED prize with a real prize association → name must resolve.
+    await INSERT.into(PrizeRecords).entries([
+      { ID: 'pr-id-1', user_ID: USER_UUID, event_ID: 'evt-id-main', prize_ID: 'prize-sticker', status: 'CLAIMED', legacyId: 89001 },
+    ]);
+
+    // 2 TUTORIAL completions on the scanned event, 1 on a DIFFERENT event.
+    // Card counts must be event-scoped → the other-event row must NOT count.
+    await INSERT.into(TaskRecords).entries([
+      { ID: 'tr-id-1', user_ID: USER_UUID, taskType: 'TUTORIAL', taskLegacyId: 11, status: 'COMPLETED', event_ID: 'evt-id-main' },
+      { ID: 'tr-id-2', user_ID: USER_UUID, taskType: 'TUTORIAL', taskLegacyId: 12, status: 'COMPLETED', event_ID: 'evt-id-main' },
+      { ID: 'tr-id-x', user_ID: USER_UUID, taskType: 'TUTORIAL', taskLegacyId: 99, status: 'COMPLETED', event_ID: 'evt-id-other' },
+    ]);
+  });
+
+  it('returns lastName and a single first initial', async () => {
+    const scanner = await cds.connect.to('ScannerService');
+    const result = await scanner.tx({ user: new cds.User.Privileged() }, tx =>
+      tx.send({ event: 'getContestant', data: { accountNumber: USER_UUID, eventId: EVENT_LEGACY } })
+    );
+    expect(result.lastName).toBe('Jung');
+    expect(result.firstInitial).toBe('T');
+  });
+
+  it('returns an empty firstInitial when firstName is blank (no throw)', async () => {
+    const scanner = await cds.connect.to('ScannerService');
+    const result = await scanner.tx({ user: new cds.User.Privileged() }, tx =>
+      tx.send({ event: 'getContestant', data: { accountNumber: BLANK_UUID, eventId: EVENT_LEGACY } })
+    );
+    expect(result.lastName).toBe('Solo');
+    expect(result.firstInitial).toBe('');
+  });
+
+  it('resolves claimed prize names for the scoped event', async () => {
+    const scanner = await cds.connect.to('ScannerService');
+    const result = await scanner.tx({ user: new cds.User.Privileged() }, tx =>
+      tx.send({ event: 'getContestant', data: { accountNumber: USER_UUID, eventId: EVENT_LEGACY } })
+    );
+    expect(result.claimedPrizeNames).toEqual(['Sticker Pack']);
+  });
+
+  it('scopes completion counts to the scanned event (#badge-v2)', async () => {
+    // 2 TUTORIAL on this event + 1 on another event → card shows 2, not 3.
+    const scanner = await cds.connect.to('ScannerService');
+    const result = await scanner.tx({ user: new cds.User.Privileged() }, tx =>
+      tx.send({ event: 'getContestant', data: { accountNumber: USER_UUID, eventId: EVENT_LEGACY } })
+    );
+    expect(result.tutorialsCompleted).toBe(2);
+  });
+});
diff --git a/test/unit/scanner-event-stats.test.js b/test/unit/scanner-event-stats.test.js
new file mode 100644
index 000000000..88801d0b5
--- /dev/null
+++ b/test/unit/scanner-event-stats.test.js
@@ -0,0 +1,88 @@
+// #badge-v2 — ScannerService.getEventStats: per-event aggregate for the badge scanner.
+// Scopes on TaskRecords.event_ID (badge/app-space path), has-ever-completed DISTINCT
+// semantic, CLAIMED vs EARNED vs Prizes catalog. Cross-event rows must not leak.
+
+import { beforeEach, describe, expect, it } from 'vitest';
+import cds from '@sap/cds';
+
+cds.test('serve', '--project', '.', '--in-memory');
+
+describe('ScannerService.getEventStats (#badge-v2)', () => {
+  const EVENT_LEGACY = 9921;
+  const OTHER_LEGACY = 9922;
+  const USER_A = 'uuid-es-a';
+  const USER_B = 'uuid-es-b';
+
+  beforeEach(async () => {
+    const { Users, Events, Prizes, PrizeRecords, TaskRecords } = cds.entities('com.sap.developers.ims');
+    await DELETE.from(PrizeRecords);
+    await DELETE.from(TaskRecords);
+    await DELETE.from(Prizes);
+    await DELETE.from(Events);
+    await DELETE.from(Users);
+
+    await INSERT.into(Users).entries([
+      { ID: USER_A, uuid: USER_A, sapId: 'sap-a' },
+      { ID: USER_B, uuid: USER_B, sapId: 'sap-b' },
+    ]);
+    await INSERT.into(Events).entries([
+      { ID: 'evt-es-main',  legacyId: EVENT_LEGACY, name: 'Stats Event' },
+      { ID: 'evt-es-other', legacyId: OTHER_LEGACY, name: 'Other' },
+    ]);
+    // 3 prizes available on main event.
+    await INSERT.into(Prizes).entries([
+      { ID: 'pz1', name: 'P1', event_ID: 'evt-es-main' },
+      { ID: 'pz2', name: 'P2', event_ID: 'evt-es-main' },
+      { ID: 'pz3', name: 'P3', event_ID: 'evt-es-main' },
+    ]);
+    // main: 2 CLAIMED (A,B) + 1 EARNED (A); other: 1 CLAIMED (must not count).
+    await INSERT.into(PrizeRecords).entries([
+      { ID: 'prA-c', user_ID: USER_A, event_ID: 'evt-es-main',  prize_ID: 'pz1', status: 'CLAIMED', legacyId: 90001 },
+      { ID: 'prB-c', user_ID: USER_B, event_ID: 'evt-es-main',  prize_ID: 'pz2', status: 'CLAIMED', legacyId: 90002 },
+      { ID: 'prA-e', user_ID: USER_A, event_ID: 'evt-es-main',  prize_ID: 'pz3', status: 'EARNED',  legacyId: 90003 },
+      { ID: 'prB-o', user_ID: USER_B, event_ID: 'evt-es-other', prize_ID: null,  status: 'CLAIMED', legacyId: 90004 },
+    ]);
+    // Completions on main: A=2 distinct TUTORIAL + 1 GROUP; B=1 TUTORIAL.
+    // One TUTORIAL for A on OTHER event — must not count.
+    await INSERT.into(TaskRecords).entries([
+      { ID: 'trA1', user_ID: USER_A, taskType: 'TUTORIAL', taskLegacyId: 1, status: 'COMPLETED', event_ID: 'evt-es-main' },
+      { ID: 'trA2', user_ID: USER_A, taskType: 'TUTORIAL', taskLegacyId: 2, status: 'SUPERSEDED', event_ID: 'evt-es-main' },
+      { ID: 'trA3', user_ID: USER_A, taskType: 'GROUP',    taskLegacyId: 3, status: 'COMPLETED', event_ID: 'evt-es-main' },
+      { ID: 'trB1', user_ID: USER_B, taskType: 'TUTORIAL', taskLegacyId: 1, status: 'COMPLETED', event_ID: 'evt-es-main' },
+      { ID: 'trAx', user_ID: USER_A, taskType: 'TUTORIAL', taskLegacyId: 9, status: 'COMPLETED', event_ID: 'evt-es-other' },
+    ]);
+  });
+
+  const call = (eventId) =>
+    cds.connect.to('ScannerService').then(s =>
+      s.tx({ user: new cds.User.Privileged() }, tx => tx.send({ event: 'getEventStats', data: { eventId } }))
+    );
+
+  it('aggregates prizes, participation, and completions for the event', async () => {
+    const r = await call(EVENT_LEGACY);
+    expect(r.eventName).toBe('Stats Event');
+    expect(r.prizesClaimed).toBe(2);
+    expect(r.prizesAvailable).toBe(3);
+    expect(r.earnedAwaitingHandover).toBe(1);
+    expect(r.participants).toBe(2);
+    expect(r.participantsClaimed).toBe(2);
+    expect(r.tutorialsCompleted).toBe(3);
+    expect(r.groupsCompleted).toBe(1);
+    expect(r.missionsCompleted).toBe(0);
+  });
+
+  it('does not leak rows from a different event', async () => {
+    const r = await call(OTHER_LEGACY);
+    expect(r.prizesClaimed).toBe(1);
+    expect(r.prizesAvailable).toBe(0);
+    expect(r.tutorialsCompleted).toBe(1);
+  });
+
+  it('returns a zeroed shape for an unresolvable event (no throw)', async () => {
+    const r = await call(999999);
+    expect(r.eventName).toBeNull();
+    expect(r.prizesClaimed).toBe(0);
+    expect(r.participants).toBe(0);
+    expect(r.tutorialsCompleted).toBe(0);
+  });
+});