diff --git a/README.md b/README.md
index 8e22115..cee2df4 100644
--- a/README.md
+++ b/README.md
@@ -31,12 +31,23 @@ Do not edit files under `dist` directly. Both targets use Manifest V3, with a
 Chromium service worker and Firefox background scripts. The build composes classic
 factory modules from `scripts/sources.cjs` into one isolated IIFE per execution
 context. It serializes `src/content/styles/redwood.css` followed by the scoped
-`src/features/debug/styles.css` and `src/features/opportunities/styles.css` at
+`src/features/debug/styles.css`, `src/features/opportunities/styles.css` and
+`src/features/install-base/styles.css` at
 build time. There is no
 runtime module loader, browser-side eval, ES-module requirement or new dependency.
 
 ## Tests and Maintenance
 
+The Installed Base action sits beside customer consumption below Customer. It
+opens a skeleton dialog, then calls `requestAccountSummary` with ACCP-TS and uses
+the returned `registryId` in `requestInstallBase`. The latter uses the SAIB-TS
+`uiaasHeader.label` and `uiaasHeader.value`, and loads pages of 25 until `hasMore`
+is false. Missing credentials, invalid collections and stalled pagination show
+an error rather than partial results. These requests appear in debug; credential
+headers in this flow are masked before delivery to the content script. No new
+cache, permissions or session recovery logic is introduced. Amounts use two
+decimal places without inferring a currency from the separate LC fields.
+
 The opportunities table places product counts below Name and the customer
 consumption action below Customer, without a separate Actions column. Compact
 columns retain their values; Name and Customer share the remaining width while
@@ -54,7 +65,7 @@ duration or error. Cache hits do not create HTTP entries. Product diagnostics
 mask authorization and sensitive response headers before messaging the source
 tab/frame; this change adds no timeout, retry or authentication behavior.
 
-Debug tabs group Authentication, Opportunities, Products, AI and Consumption
+Debug tabs group Authentication, Opportunities, Products, AI, Consumption and Installed Base
 requests; unknown request types appear under Other. Only categories with entries
 are shown. All preserves the complete timeline. Every tab sorts by request start
 time, retaining original request IDs and showing start times in collapsed rows.
diff --git a/dist/chromium/background.js b/dist/chromium/background.js
index 3f6a2e5..d9094fa 100644
--- a/dist/chromium/background.js
+++ b/dist/chromium/background.js
@@ -11,6 +11,7 @@ function createMessageTypes() {
     opptyProductsRequestDebug: "opportunitiesExtension.opptyProductsRequestDebug",
     requestConsumerTokenService: "opportunitiesExtension.requestConsumerTokenService",
     requestAccountPlans: "opportunitiesExtension.requestAccountPlans",
+    requestInstallBase: "opportunitiesExtension.requestInstallBase",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend"
   });
 }
@@ -156,7 +157,8 @@ function createAuthConsumerSession({
         ok: true,
         authorizations: {
           accountSummary: accountSummaryAuthorization,
-          accountPlans: accountPlansAuthorization
+          accountPlans: accountPlansAuthorization,
+          installBase: extractTokenServiceAuthorization(tokenResponse, "SAIB-TS", "")
         },
         debugRequests
       };
@@ -438,6 +440,68 @@ function createSpaAccounts({
   return { requestAccountPlans };
 }
 
+// Source: src/services/spa/install-base.js
+function createSpaInstallBase({ ACCOUNT_SUMMARY_URL, fetchJson, findNestedObject, normalizeMessageAuthorization }) {
+  const endpoint = "https://spa.oracle.com/oalcrm/web/api/provider-proxy/g2m-installbase-provider/service/account/";
+  async function requestInstallBase(message) {
+    const debugRequests = [];
+    try {
+      const partyNumber = String(message.partyNumber || "").trim();
+      const summaryAuth = normalizeMessageAuthorization(message.authorizations?.accountSummary, "account-ti-authorization");
+      const installAuth = normalizeMessageAuthorization(message.authorizations?.installBase, "");
+      if (!partyNumber) throw new Error("Customer Party Number is required.");
+      if (!summaryAuth.value) throw new Error("ACCP-TS authorization is unavailable.");
+      if (!installAuth.name || !installAuth.value) throw new Error("SAIB-TS uiaasHeader.label/value is unavailable.");
+      const summary = await fetchJson(ACCOUNT_SUMMARY_URL, {
+        method: "POST", credentials: "include",
+        headers: { Accept: "application/json", "Content-Type": "application/json", [summaryAuth.name]: summaryAuth.value },
+        body: JSON.stringify([{ key: "regId", value: partyNumber }])
+      }, "requestAccountSummary", debugRequests);
+      const account = findNestedObject(summary, value =>
+        (typeof value.registryId === "string" || typeof value.registryId === "number") && String(value.registryId).trim() !== "");
+      if (!account) throw new Error("registryId was not found in requestAccountSummary.");
+      const payload = {
+        text: "", accountHierarchy: "single", accountScope: "all", productScope: "all",
+        installStatus: ["active", "inactive", "unsupported"], productIds: null,
+        contractEndDate: { to: null, from: null }, contractStartDate: { to: null, from: null },
+        purchaseStartDate: { to: null, from: null }, registryIds: [], gecPartyNumbers: null
+      };
+      const items = [];
+      let offset = 0;
+      // Bound malformed pagination without silently returning a partial result.
+      for (let page = 0; page < 1000; page += 1) {
+        const url = `${endpoint}${encodeURIComponent(String(account.registryId).trim())}?orderBy=currentSupport%3Adesc&limit=25&offset=${offset}`;
+        const result = await fetchJson(url, {
+          method: "POST", credentials: "include",
+          headers: { Accept: "application/json", "Content-Type": "application/json", [installAuth.name]: installAuth.value },
+          body: JSON.stringify(payload)
+        }, "requestInstallBase", debugRequests);
+        if (!result || !Array.isArray(result.items) || typeof result.hasMore !== "boolean"
+          || result.items.some(item => !item || typeof item !== "object" || Array.isArray(item))) {
+          throw new Error("requestInstallBase returned an invalid collection.");
+        }
+        if (result.offset !== undefined && result.offset !== offset) throw new Error("requestInstallBase returned an unexpected offset.");
+        items.push(...result.items);
+        if (!result.hasMore) return { ok: true, items, debugRequests };
+        if (!result.items.length) throw new Error("requestInstallBase pagination made no progress.");
+        offset += result.items.length;
+      }
+      throw new Error("requestInstallBase pagination limit reached.");
+    } catch (error) {
+      error.debugRequests = debugRequests;
+      throw error;
+    } finally {
+      // The provider chooses the credential header name; never rely on its spelling for redaction.
+      for (const entry of debugRequests) {
+        for (const key of Object.keys(entry.requestHeaders || {})) {
+          if (!/^(accept|content-type)$/i.test(key)) entry.requestHeaders[key] = "(present)";
+        }
+      }
+    }
+  }
+  return { requestInstallBase };
+}
+
 // Source: src/services/spa/consumption.js
 function createSpaConsumption({
   CONSUMPTION_TREND_REQUESTS,
@@ -1448,6 +1512,7 @@ function registerBackgroundMessages({
   getXsrfTokenCookie,
   refreshXsrfCookie,
   requestAccountPlans,
+  requestInstallBase,
   requestConsumerTokenService,
   requestConsumptionTrend,
   requestOpptyProducts,
@@ -1527,6 +1592,14 @@ runtimeApi.runtime.onMessage.addListener((message, sender, sendResponse) => {
       return true;
     }
 
+    if (message.type === messageTypes.requestInstallBase) {
+      requestInstallBase(message).then(sendResponse).catch(error => sendResponse({
+        ok: false, error: error.message || "Unable to load installed base.",
+        debugRequests: Array.isArray(error.debugRequests) ? error.debugRequests : []
+      }));
+      return true;
+    }
+
     if (message.type === messageTypes.requestAccountPlans) {
       requestAccountPlans(message)
         .then(sendResponse)
@@ -1596,6 +1669,12 @@ function createBackgroundApplication(overrides = {}) {
     findAccountPlanId: (...args) => spaResponseShapes.findAccountPlanId(...args),
     normalizeMessageAuthorization: (...args) => authSpaCredentials.normalizeMessageAuthorization(...args)
   });
+  const spaInstallBase = createSpaInstallBase({
+    ACCOUNT_SUMMARY_URL: contracts.ACCOUNT_SUMMARY_URL,
+    fetchJson: (...args) => httpBackgroundJson.fetchJson(...args),
+    findNestedObject: (...args) => spaResponseShapes.findNestedObject(...args),
+    normalizeMessageAuthorization: (...args) => authSpaCredentials.normalizeMessageAuthorization(...args)
+  });
   const spaConsumption = createSpaConsumption({
     CONSUMPTION_TREND_REQUESTS: contracts.CONSUMPTION_TREND_REQUESTS,
     CONSUMPTION_TREND_URL: contracts.CONSUMPTION_TREND_URL,
@@ -1659,12 +1738,13 @@ function createBackgroundApplication(overrides = {}) {
   const getXsrfTokenCookie = (...args) => authXsrfCookies.getXsrfTokenCookie(...args);
   const refreshXsrfCookie = (...args) => authXsrfRecovery.refreshXsrfCookie(...args);
   const requestAccountPlans = (...args) => spaAccounts.requestAccountPlans(...args);
+  const requestInstallBase = (...args) => spaInstallBase.requestInstallBase(...args);
   const requestConsumerTokenService = (...args) => authConsumerSession.requestConsumerTokenService(...args);
   const requestConsumptionTrend = (...args) => spaConsumption.requestConsumptionTrend(...args);
   const requestOpptyProducts = (...args) => productsBackgroundJobs.requestOpptyProducts(...args);
   const runtimeApi = environment.browser || environment.chrome;
   function start() {
-    startBackgroundApplication({ messageTypes, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestConsumerTokenService, requestConsumptionTrend, requestOpptyProducts, runtimeApi });
+    startBackgroundApplication({ messageTypes, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestConsumerTokenService, requestConsumptionTrend, requestOpptyProducts, runtimeApi });
   }
   return {
     start, contracts,
@@ -1672,6 +1752,7 @@ function createBackgroundApplication(overrides = {}) {
     authConsumerSession,
     authSpaCredentials,
     spaAccounts,
+    spaInstallBase,
     spaConsumption,
     spaResponseShapes,
     httpBackgroundJson,
diff --git a/dist/chromium/content.js b/dist/chromium/content.js
index fc36062..cf8224c 100644
--- a/dist/chromium/content.js
+++ b/dist/chromium/content.js
@@ -1,6 +1,6 @@
 (function () {
   "use strict";
-const redwoodStyles = "\n      .opportunities-extension-scroll-lock {\n        overflow: hidden !important;\n      }\n\n      .opportunities-extension-modal,\n      .opportunities-extension-modal * {\n        box-sizing: border-box;\n        font-family: \"Oracle Sans\", Arial, Helvetica, sans-serif;\n      }\n\n      .opportunities-extension-modal {\n        position: fixed;\n        inset: 0;\n        z-index: 2147483647;\n        background: #f5f4f2;\n        color: #000000;\n      }\n\n      .opportunities-extension-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-shell {\n        height: 100vh;\n        min-height: 0;\n        display: grid;\n        grid-template-rows: auto minmax(0, 1fr);\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-header {\n        position: relative;\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 24px;\n        padding: 28px 40px 22px;\n        border-bottom: 1px solid #dedbd7;\n        background:\n          linear-gradient(90deg, #8f624a 0 11%, #c74634 11% 23%, #6f5a7f 23% 36%, #00758f 36% 51%, #d4b06a 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #ffffff;\n      }\n\n      .opportunities-extension-header::before {\n        position: absolute;\n        left: 40px;\n        bottom: -1px;\n        width: 64px;\n        height: 3px;\n        background: #00758f;\n        content: \"\";\n      }\n\n      .opportunities-extension-header h1 {\n        margin: 0;\n        color: #000000;\n        font-size: 24px;\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0;\n      }\n\n      .opportunities-extension-header p {\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        line-height: 1.4;\n      }\n\n      .opportunities-extension-subtitle-row {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n        margin-top: 6px;\n      }\n\n      .opportunities-extension-auth-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        color: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-auth-badge-authenticated {\n        background: #3f6f17;\n      }\n\n      .opportunities-extension-auth-badge-unauthenticated {\n        background: #c5331f;\n      }\n\n      .opportunities-extension-auth-badge-pending {\n        background: #6f5a7f;\n      }\n\n      .opportunities-extension-products-progress {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-progress[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-cache-timestamp {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #f0eeeb;\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-cache-timestamp[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"running\"]::before {\n        width: 12px;\n        height: 12px;\n        margin-right: 6px;\n        border: 2px solid currentColor;\n        border-right-color: transparent;\n        border-radius: 50%;\n        content: \"\";\n        animation: opportunities-extension-spin .8s linear infinite;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-products-progress[data-state=\"error\"] {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      @keyframes opportunities-extension-spin {\n        to { transform: rotate(360deg); }\n      }\n\n      .opportunities-extension-icon-button {\n        width: 36px;\n        height: 36px;\n        flex: 0 0 36px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 18px;\n        font-weight: 600;\n        line-height: 1;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-header-actions {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      .opportunities-extension-icon-button svg {\n        width: 18px;\n        height: 18px;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-icon-button .opportunities-extension-settings-icon {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-icon-button:hover,\n      .opportunities-extension-icon-button:focus {\n        border-color: #b8b2ad;\n        background: #f5f4f2;\n        outline: none;\n      }\n\n      .opportunities-extension-body {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        gap: 16px;\n        padding: 22px 40px 36px;\n        background: #f5f4f2;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-form {\n        display: flex;\n        align-items: end;\n        flex-wrap: wrap;\n        gap: 24px;\n        min-height: 82px;\n        max-width: none;\n        margin: 0;\n        padding: 14px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-field {\n        display: grid;\n        max-width: max-content;\n        min-width: 270px;\n        width: max-content;\n        gap: 6px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-dashboard {\n        display: grid;\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n        gap: 12px;\n      }\n\n      .opportunities-extension-stage-dashboard-card {\n        display: grid;\n        gap: 6px;\n        min-width: 0;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-top: 3px solid #5f5a55;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-stage-dashboard-card span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-stage-dashboard-value {\n        overflow: hidden;\n        color: #312d2a;\n        font-size: 22px;\n        font-weight: 700;\n        line-height: 1.2;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #008aa6;\n      }\n\n      .opportunities-extension-total-dashboard-card {\n        border-top-color: #312d2a;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #6f6863;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #c87b00;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #755b8b;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #4b7f22;\n      }\n\n      .opportunities-extension-stage-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-stage-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-stage-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #006b84;\n        background: #006b84;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #5f5a55;\n        background: #5f5a55;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #945400;\n        background: #945400;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #624e74;\n        background: #624e74;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #3f6f17;\n        background: #3f6f17;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-status-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-status-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-status-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-status-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-customer-filter {\n        position: relative;\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 220px;\n      }\n\n      .opportunities-extension-customer-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-customer-filter-trigger {\n        position: relative;\n        min-width: 220px;\n        min-height: 44px;\n        padding: 10px 38px 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-trigger::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-top: 6px solid #312d2a;\n        border-right: 5px solid transparent;\n        border-left: 5px solid transparent;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-customer-filter-trigger:disabled {\n        cursor: not-allowed;\n        background: #f5f4f2;\n        color: #7d7772;\n      }\n\n      .opportunities-extension-customer-filter-trigger:focus-visible {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-panel {\n        position: absolute;\n        top: calc(100% + 8px);\n        left: 0;\n        z-index: 4;\n        display: grid;\n        width: min(360px, calc(100vw - 80px));\n        gap: 10px;\n        padding: 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n      }\n\n      .opportunities-extension-customer-filter-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-customer-filter-search {\n        width: 100%;\n        min-height: 40px;\n        padding: 8px 10px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-customer-filter-search:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-customer-filter-option {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-customer-filter-select-all {\n        min-height: 32px;\n        padding-bottom: 8px;\n        border-bottom: 1px solid #dedbd7;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-customer-filter-panel input[type=\"checkbox\"] {\n        width: 16px;\n        height: 16px;\n        flex: 0 0 16px;\n        accent-color: #00758f;\n      }\n\n      .opportunities-extension-customer-filter-list {\n        display: block;\n        max-height: 250px;\n        overflow: auto;\n      }\n\n      .opportunities-extension-customer-filter-option {\n        display: grid;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: start;\n        min-height: 0;\n        height: auto !important;\n        padding: 8px 4px;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-option input[type=\"checkbox\"] {\n        margin-top: 1px;\n      }\n\n      .opportunities-extension-customer-filter-option span {\n        display: block;\n        min-width: 0;\n        line-height: 18px;\n        overflow-wrap: anywhere;\n        white-space: normal;\n      }\n\n      .opportunities-extension-customer-filter-option:hover {\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-customer-filter-empty {\n        margin: 4px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-table-search-field {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        width: 260px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input {\n        width: 100%;\n        min-height: 44px;\n        padding: 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-select-wrap {\n        position: relative;\n        display: block;\n        width: 270px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-select-wrap::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 6px solid #000000;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-field select {\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        min-height: 44px;\n        box-sizing: border-box;\n        appearance: none;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #000000;\n        font-size: 14px;\n        line-height: 1.3;\n        padding: 11px 44px 11px 12px;\n      }\n\n      .opportunities-extension-field select:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-table-surface {\n        min-height: 0;\n        height: 100%;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n        overflow-x: auto;\n        overflow-y: auto;\n      }\n\n      .opportunities-extension-table {\n        width: 100%;\n        min-width: 0;\n        border-collapse: collapse;\n        table-layout: fixed;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-table thead {\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-table th {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        height: 44px;\n        border-bottom: 1px solid #b8b2ad;\n        background: #faf9f8;\n        color: #312d2a;\n        font-size: 12px;\n        font-weight: 700;\n        text-align: left;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td {\n        min-height: 48px;\n        padding: 12px 16px;\n        border-bottom: 1px solid #ebe8e5;\n        vertical-align: middle;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-table th:nth-child(1) {\n        width: 16%;\n      }\n\n      .opportunities-extension-table th:nth-child(2) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(3) {\n        width: 18%;\n      }\n\n      .opportunities-extension-table th:nth-child(4) {\n        width: 11%;\n      }\n\n      .opportunities-extension-table th:nth-child(5) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(6) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(7) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(8) {\n        width: 6%;\n      }\n\n      .opportunities-extension-table th:nth-child(9) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(10) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(11) {\n        width: 4%;\n      }\n\n      .opportunities-extension-table td:nth-child(2),\n      .opportunities-extension-table td:nth-child(5),\n      .opportunities-extension-table td:nth-child(6),\n      .opportunities-extension-table td:nth-child(8) {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .opportunities-extension-table td:nth-child(9) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(7) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(10) {\n        padding-right: 6px;\n        padding-left: 6px;\n        font-size: 12px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td:nth-child(11) {\n        padding-right: 6px;\n        padding-left: 6px;\n        text-align: center;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table tbody tr:hover {\n        background: #f7f6f4;\n      }\n\n      .opportunities-extension-table tbody tr:last-child td {\n        border-bottom: 0;\n      }\n\n      .opportunities-extension-table a {\n        color: #006b84;\n        text-decoration: underline;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 2px;\n      }\n\n      .opportunities-extension-table a:hover {\n        color: #004f63;\n      }\n\n      .opportunities-extension-opty-number-content {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-name-content {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-name-content > a {\n        min-width: 0;\n      }\n\n      .opportunities-extension-actions-content {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 4px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-products-count {\n        display: inline-grid;\n        width: auto;\n        min-width: 20px;\n        height: 20px;\n        place-items: center;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        padding: 0 3px;\n        border: 1px solid #7ca7b2;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 10px;\n        font-weight: 700;\n        line-height: 1;\n        text-align: center;\n        vertical-align: middle;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-products-count:hover,\n      .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n        outline: none;\n      }\n\n      .opportunities-extension-products-count-error {\n        border-color: #d8887e;\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-products-detail-row:hover {\n        background: transparent !important;\n      }\n\n      .opportunities-extension-products-detail-cell {\n        padding: 0 !important;\n      }\n\n      .opportunities-extension-products-detail {\n        padding: 14px 20px 18px;\n        border-bottom: 1px solid #c9c5c1;\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-products-detail-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 10px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-ai-summary {\n        box-sizing: border-box;\n        width: 100%;\n        min-width: 0;\n        margin: 0 0 12px;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 6px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.5;\n        text-align: left;\n        white-space: normal;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-ai-summary strong {\n        display: block;\n        font-size: 13px;\n        font-weight: 600;\n      }\n\n      .opportunities-extension-ai-summary p {\n        margin: 4px 0 0;\n        font: inherit;\n        white-space: pre-wrap;\n      }\n\n      .opportunities-extension-ai-summary-error {\n        color: #b42318;\n        border-color: #d9928b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary {\n        background: #292827;\n        color: #f6f4f2;\n        border-color: #5f5a55;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary-error {\n        color: #ffb4ab;\n        border-color: #a45c55;\n      }\n\n      .opportunities-extension-products-detail-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-products-detail-heading span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-products-table {\n        width: 100%;\n        table-layout: fixed;\n        border-collapse: collapse;\n        border: 1px solid #dedbd7;\n        background: #ffffff;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-products-table th,\n      .opportunities-extension-products-table td {\n        position: static;\n        height: auto;\n        padding: 8px 10px;\n        border-bottom: 1px solid #ebe8e5;\n        background: transparent;\n        overflow-wrap: anywhere;\n        vertical-align: middle;\n        white-space: normal;\n      }\n\n      .opportunities-extension-products-table th {\n        background: #faf9f8;\n        font-size: 11px;\n      }\n\n      .opportunities-extension-products-table th:nth-child(1) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(2) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(3) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(4) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(5) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(6) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(7) { width: 7%; }\n      .opportunities-extension-products-table th:nth-child(8) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(9) { width: 12%; }\n      .opportunities-extension-products-table th:nth-child(10) { width: 5%; }\n\n      .opportunities-extension-products-empty {\n        margin: 0;\n        padding: 10px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-copy-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n        width: 24px;\n        height: 24px;\n        padding: 3px;\n        border: 0;\n        border-radius: 3px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-copy-button svg {\n        width: 16px;\n        height: 16px;\n        fill: currentColor;\n      }\n\n      .opportunities-extension-copy-button:hover,\n      .opportunities-extension-copy-button:focus-visible {\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        padding: 5px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-action-button svg {\n        width: 21px;\n        height: 21px;\n      }\n\n      .opportunities-extension-action-button:hover,\n      .opportunities-extension-action-button:focus-visible {\n        border-color: #7ca7b2;\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button:disabled {\n        cursor: wait;\n        opacity: .72;\n      }\n\n      .opportunities-extension-action-button-loading svg {\n        animation: opportunities-extension-pulse 1s ease-in-out infinite;\n      }\n\n      @keyframes opportunities-extension-pulse {\n        50% { opacity: .35; }\n      }\n\n      .opportunities-extension-copy-toast {\n        position: fixed;\n        right: 28px;\n        bottom: 28px;\n        z-index: 3;\n        max-width: min(360px, calc(100vw - 56px));\n        padding: 12px 16px;\n        border-radius: 4px;\n        background: #2f6f18;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n        color: #ffffff;\n        font-size: 13px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-copy-toast-error {\n        background: #a52b1c;\n      }\n\n      .opportunities-extension-copy-toast[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-stage-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"SQL\"] {\n        background: #d9f0f5;\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"PIPELINE\"] {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"UPSIDE\"] {\n        background: #fff0d8;\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"FORECAST\"] {\n        background: #eee8f5;\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"WON\"] {\n        background: #e5f1d9;\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-status-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"OPEN\"] {\n        background: #e2f2e5;\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"CLOSED\"] {\n        background: #e5e7eb;\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"LOST\"] {\n        background: #f9e3e1;\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"WON\"] {\n        background: #e3edf8;\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-sort-button {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        width: 100%;\n        min-height: 44px;\n        padding: 8px 42px 8px 16px;\n        border: 0;\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-weight: inherit;\n        letter-spacing: 0;\n        line-height: 1.2;\n        text-align: left;\n        white-space: normal;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-table-header-label {\n        display: inline-flex;\n        align-items: center;\n        min-height: 44px;\n        padding: 8px 6px;\n      }\n\n      .opportunities-extension-sort-button::after {\n        position: absolute;\n        right: 15px;\n        color: #5f5a55;\n        content: \"↕\";\n        font-size: 16px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"ascending\"]::after {\n        color: #00758f;\n        content: \"↑\";\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"descending\"]::after {\n        color: #00758f;\n        content: \"↓\";\n      }\n\n      .opportunities-extension-sort-button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-sort-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-table-status {\n        height: 152px;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-visually-hidden {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        display: grid;\n        place-items: center;\n        padding: 24px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-preferences-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 4;\n        display: grid;\n        place-items: center;\n        padding: 12px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-account-plans-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-dialog {\n        display: grid;\n        width: min(1180px, 100%);\n        height: min(760px, calc(100vh - 24px));\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plans-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 14px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-header h2 {\n        margin: 0;\n        font-size: 20px;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-account-plans-header p {\n        margin: 5px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-account-plans-content {\n        display: grid;\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-content > .opportunities-extension-account-plans-skeleton {\n        grid-row: 1 / -1;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation {\n        position: relative;\n        min-width: 0;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation .opportunities-extension-account-plans-tab-navigation-button[hidden] {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tabs {\n        display: flex;\n        min-width: 0;\n        gap: 4px;\n        overflow-x: auto;\n        padding: 8px 20px 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-account-plans-tabs::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button {\n        display: grid;\n        position: absolute;\n        z-index: 1;\n        top: 50%;\n        width: 32px;\n        height: 32px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        box-shadow: 0 2px 6px rgba(0, 0, 0, .16);\n        transform: translateY(-50%);\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:first-child {\n        left: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:last-child {\n        right: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-account-plans-panels {\n        min-width: 0;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plan-tab {\n        min-height: 38px;\n        flex: 0 0 auto;\n        padding: 7px 12px;\n        border: 0;\n        border-bottom: 3px solid transparent;\n        background: transparent;\n        color: #5f5a55;\n        font-size: 13px;\n        font-weight: 600;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plan-tab:hover {\n        background: #f0eeeb;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #00758f;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-account-plan-tab:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-account-plan-panel {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        box-sizing: border-box;\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plan-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plan-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        margin: 0;\n      }\n\n      .opportunities-extension-account-plan-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        gap: 10px;\n        min-height: 42px;\n        align-items: center;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plan-details dt {\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-account-plan-details dd {\n        min-width: 0;\n        margin: 0;\n        color: #312d2a;\n        font-size: 13px;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-consumption-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 14px;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-trend-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 24px;\n      }\n\n      .opportunities-extension-consumption-periods {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-periods button {\n        min-height: 38px;\n        padding: 7px 14px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-periods button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #00758f;\n        background: #e7f6f8;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-periods button:focus-visible,\n      .opportunities-extension-consumption-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-consumption-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 4px;\n      }\n\n      .opportunities-extension-consumption-navigation {\n        display: grid;\n        grid-template-columns: 36px minmax(130px, auto) 36px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 40px;\n        margin-bottom: 2px;\n      }\n\n      .opportunities-extension-consumption-navigation strong {\n        color: #312d2a;\n        font-size: 13px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-navigation-button {\n        display: grid;\n        width: 36px;\n        height: 36px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-consumption-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-consumption-figure {\n        position: relative;\n        min-width: 0;\n        min-height: 0;\n        margin: 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-consumption-figure::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-consumption-visual {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 176px;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-consumption-svg {\n        display: block;\n        width: 100%;\n        height: 300px;\n        min-height: 0;\n        overflow: visible;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #dedbd7;\n        stroke-width: 1;\n        shape-rendering: crispEdges;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #5f5a55;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #312d2a;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #b77888;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #de7907;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #de7907;\n        stroke-width: 1.5;\n        stroke-dasharray: 6 6;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group {\n        cursor: default;\n        outline: none;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group rect {\n        transition: filter .16s ease, opacity .16s ease, stroke .16s ease;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        filter: brightness(1.06);\n        stroke: #312d2a;\n        stroke-width: 1.5;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-label {\n        opacity: 0;\n        animation: opportunities-extension-consumption-label-in .24s ease-out forwards;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-average {\n        opacity: 0;\n        animation: opportunities-extension-consumption-average-in .35s .32s ease-out forwards;\n      }\n\n      @keyframes opportunities-extension-consumption-label-in {\n        from { opacity: 0; transform: translateY(4px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n\n      @keyframes opportunities-extension-consumption-average-in {\n        from { opacity: 0; }\n        to { opacity: 1; }\n      }\n\n      .opportunities-extension-consumption-legend {\n        display: grid;\n        align-content: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-legend button {\n        display: grid;\n        min-width: 0;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: center;\n        gap: 8px;\n        padding: 6px 4px;\n        border: 0;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.25;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-legend button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-legend button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 1px;\n      }\n\n      .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #77726d;\n        opacity: .55;\n      }\n\n      .opportunities-extension-consumption-legend-swatch {\n        display: block;\n        width: 12px;\n        height: 12px;\n        justify-self: center;\n      }\n\n      .opportunities-extension-consumption-legend-funded {\n        background: #b77888;\n      }\n\n      .opportunities-extension-consumption-legend-overage {\n        background: #de7907;\n      }\n\n      .opportunities-extension-consumption-legend-average {\n        height: 0;\n        border-top: 2px dashed #de7907;\n      }\n\n      .opportunities-extension-consumption-tooltip {\n        position: absolute;\n        z-index: 2;\n        display: grid;\n        min-width: 190px;\n        max-width: 260px;\n        gap: 4px;\n        padding: 10px 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .2);\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.3;\n        pointer-events: none;\n      }\n\n      .opportunities-extension-consumption-tooltip[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-consumption-tooltip strong {\n        margin-bottom: 2px;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton {\n        height: 100%;\n        min-height: 0;\n        padding: 34px 62px 24px;\n        box-sizing: border-box;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot {\n        display: flex;\n        height: 100%;\n        min-height: 220px;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px;\n        border-bottom: 1px solid #dedbd7;\n        border-left: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot span {\n        width: min(38px, 6%);\n        border-radius: 2px 2px 0 0;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-consumption-chart-empty,\n      .opportunities-extension-consumption-chart-error {\n        display: grid;\n        min-height: 220px;\n        place-items: center;\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-chart-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-account-plan-status-indicator {\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #9b9691;\n        box-shadow: 0 0 0 3px #efedeb;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #3f6f17;\n        box-shadow: 0 0 0 3px #e2f2e5;\n      }\n\n      .opportunities-extension-account-plan-tab .opportunities-extension-account-plan-status-indicator {\n        margin-right: 8px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs {\n        display: flex;\n        min-height: 46px;\n        align-items: center;\n        padding: 0 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-skeleton-panel {\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tab {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        min-height: 38px;\n        padding: 0 12px;\n        border-bottom: 3px solid #00758f;\n      }\n\n      .opportunities-extension-account-plans-skeleton-status {\n        display: block;\n        width: 10px;\n        height: 10px;\n        flex: 0 0 auto;\n        border-radius: 50%;\n        background: #dedbd7;\n        box-shadow: 0 0 0 3px #efedeb;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        padding: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        align-items: center;\n        gap: 10px;\n        min-height: 42px;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plans-skeleton-bar {\n        display: block;\n        height: 12px;\n        border-radius: 3px;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs .opportunities-extension-account-plans-skeleton-bar {\n        height: 14px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-label {\n        width: 74%;\n        height: 10px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        margin: 14px 0 0;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend-header {\n        display: flex;\n        justify-content: flex-end;\n        min-height: 38px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n        height: 12px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-period-active {\n        height: 38px !important;\n        border: 1px solid #8cc8d3;\n        background: #e7f6f8;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation {\n        display: grid;\n        grid-template-columns: 32px 124px 32px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 54px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation .opportunities-extension-account-plans-skeleton-bar {\n        justify-self: center;\n      }\n\n      .opportunities-extension-account-plans-skeleton-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 150px;\n        align-items: center;\n        gap: 28px;\n        padding: 12px 14px 0 62px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot {\n        display: flex;\n        position: relative;\n        height: 300px;\n        min-height: 0;\n        box-sizing: border-box;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px 64px;\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #ebe8e5 58px, #ebe8e5 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        position: absolute;\n        display: block;\n        content: \"\";\n        background: #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before {\n        top: 0;\n        bottom: 64px;\n        left: 0;\n        width: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        right: 0;\n        bottom: 64px;\n        left: 0;\n        height: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot .opportunities-extension-account-plans-skeleton-bar {\n        width: min(38px, 7%);\n        flex: 0 1 38px;\n        border-radius: 2px 2px 0 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend {\n        display: grid;\n        align-content: center;\n        gap: 18px;\n        min-height: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend .opportunities-extension-account-plans-skeleton-bar {\n        height: 11px;\n      }\n\n      @keyframes opportunities-extension-skeleton-pulse {\n        from { opacity: .48; }\n        to { opacity: 1; }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .opportunities-extension-account-plans-skeleton-bar,\n        .opportunities-extension-consumption-chart-skeleton-plot span,\n        .opportunities-extension-consumption-svg .consumption-animated-label,\n        .opportunities-extension-consumption-svg .consumption-animated-average {\n          animation: none;\n          opacity: 1;\n        }\n      }\n\n      .opportunities-extension-account-plans-empty,\n      .opportunities-extension-account-plans-error {\n        margin: 0;\n        padding: 28px 20px;\n        color: #5f5a55;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-account-plans-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-preferences-dialog {\n        display: grid;\n        width: min(680px, 100%);\n        max-height: min(720px, calc(100vh - 48px));\n        grid-template-rows: auto minmax(0, 1fr) auto;\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-preferences-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 18px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-preferences-header h2 {\n        margin: 0;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-preferences-content {\n        min-height: 0;\n        overflow: auto;\n        padding: 20px;\n      }\n\n      .opportunities-extension-preferences-fieldset {\n        min-width: 0;\n        margin: 0;\n        padding: 0;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-fieldset legend {\n        margin-bottom: 12px;\n        padding: 0;\n        color: #312d2a;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-preferences-options {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 4px 20px;\n      }\n\n      .opportunities-extension-preferences-option {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        min-width: 0;\n        padding: 9px 8px;\n        border-radius: 4px;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.35;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-option:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-preferences-option input {\n        width: 18px;\n        height: 18px;\n        flex: 0 0 18px;\n        margin: 0;\n        accent-color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-cache-field {\n        display: grid;\n        width: min(280px, 100%);\n        gap: 6px;\n        margin-top: 24px;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-preferences-cache-field select {\n        width: 100%;\n        height: 40px;\n        padding: 0 36px 0 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-preferences-cache-field select:focus {\n        border-color: #00758f;\n        outline: 2px solid #bde7ee;\n        outline-offset: 0;\n      }\n\n      .opportunities-extension-preferences-footer {\n        display: flex;\n        justify-content: flex-end;\n        padding: 14px 20px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-button {\n        min-width: 88px;\n        min-height: 36px;\n        padding: 7px 16px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-button-primary {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-button-primary:hover,\n      .opportunities-extension-button-primary:focus-visible {\n        border-color: #005e73;\n        background: #005e73;\n        outline: none;\n      }\n\n      .opportunities-extension-debug-panel {\n        position: fixed;\n        right: 24px;\n        bottom: 24px;\n        z-index: 1;\n        width: min(640px, calc(100vw - 48px));\n        max-height: min(560px, calc(100vh - 120px));\n        overflow: auto;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .16);\n        padding: 16px;\n        color: #000000;\n      }\n\n      .opportunities-extension-debug-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-debug-panel h2 {\n        margin: 0;\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 1.25;\n      }\n\n      .opportunities-extension-debug-panel p {\n        margin: 4px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-panel-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 12px;\n      }\n\n      .opportunities-extension-debug-visibility-button {\n        width: 34px;\n        height: 34px;\n        flex: 0 0 34px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-debug-visibility-button svg {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-debug-list {\n        display: grid;\n        gap: 10px;\n      }\n\n      .opportunities-extension-debug-item {\n        border: 1px solid #dedbd7;\n        border-left-width: 4px;\n        border-radius: 4px;\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-debug-item[open] {\n        background: #ffffff;\n      }\n\n      .opportunities-extension-debug-item-success {\n        border-left-color: #3f6f17;\n      }\n\n      .opportunities-extension-debug-item-success .opportunities-extension-debug-status {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-debug-item-failed {\n        border-left-color: #c5331f;\n      }\n\n      .opportunities-extension-debug-item-failed .opportunities-extension-debug-status {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-debug-item-pending {\n        border-left-color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-item-pending .opportunities-extension-debug-status {\n        background: #eee8f2;\n        color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        min-height: 42px;\n        padding: 9px 12px 9px 10px;\n        cursor: pointer;\n        list-style: none;\n      }\n\n      .opportunities-extension-debug-heading::-webkit-details-marker {\n        display: none;\n      }\n\n      .opportunities-extension-debug-heading::before {\n        content: \"⌄\";\n        width: 14px;\n        color: #5f5a55;\n        font-size: 16px;\n        line-height: 1;\n        transform: rotate(-90deg);\n        transition: transform .15s ease;\n      }\n\n      .opportunities-extension-debug-item[open] .opportunities-extension-debug-heading::before {\n        transform: rotate(0deg);\n      }\n\n      .opportunities-extension-debug-summary-meta {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-left: auto;\n      }\n\n      .opportunities-extension-debug-http-status,\n      .opportunities-extension-debug-status {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 0 8px;\n        border-radius: 999px;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-debug-http-status {\n        background: #e8f4f6;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-debug-status {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-debug-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-item pre {\n        margin: 0;\n        padding: 8px 12px 12px;\n        color: #312d2a;\n        font-family: Consolas, \"Courier New\", monospace;\n        font-size: 12px;\n        line-height: 1.45;\n        white-space: pre-wrap;\n        word-break: break-word;\n      }\n\n      .opportunities-extension-debug-empty {\n        padding: 14px;\n        border: 1px dashed #b8b2ad;\n        border-radius: 4px;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] {\n        background: #1f1f1f;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-shell,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-body {\n        background: #1f1f1f;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header {\n        border-bottom-color: #4e4a46;\n        background:\n          linear-gradient(90deg, #a8795d 0 11%, #dd5a47 11% 23%, #876e9b 23% 36%, #00a6be 36% 51%, #dfbd76 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header h1,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-value,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dt,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-bar {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-status {\n        background: #5b5753;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-period-active {\n        border-color: #3f7580;\n        background: #23474e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot span {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator {\n        background: #8f8a85;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #7fb05b;\n        box-shadow: 0 0 0 3px #314527;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-form,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-surface,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item[open] {\n        border-color: #4e4a46;\n        background: #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-select-wrap::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger:disabled {\n        background: #292827;\n        color: #918b86;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search::placeholder,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input::placeholder {\n        color: #b5b0ab;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-fieldset legend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dd,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item pre,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel h2 {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation strong {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th {\n        border-bottom-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-footer,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs-navigation,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details > div,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-details > div {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #4e4a46 58px, #4e4a46 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::after {\n        background: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab:hover {\n        background: #3b3937;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #43c4d5;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #43c4d5;\n        background: #173e43;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:hover:not(:disabled),\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #43c4d5;\n        background: #3b3937;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:disabled,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #4e4a46;\n        color: #746f6a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        stroke: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #a8a39e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-funded {\n        background: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-overage {\n        background: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-average {\n        border-top-color: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-tooltip {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option input {\n        accent-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary {\n        border-color: #00a6be;\n        background: #008aa6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:focus-visible {\n        border-color: #43c4d5;\n        background: #006d7a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table tbody tr:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sort-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:focus {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table thead,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th {\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail {\n        border-bottom-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count {\n        border-color: #2f9bae;\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #43c4d5;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"running\"] {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #244f2e;\n        color: #a8dfb7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"error\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count-error {\n        border-color: #b13b34;\n        background: #5f2926;\n        color: #ffb4ad;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-cache-timestamp {\n        background: #3b3937;\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:focus-visible {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #d1cbc6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #ffbf62;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #d2b7e9;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #9bd46a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-total-dashboard-card {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #c0b9b3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #ffb84d;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #cba7e7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #92cf5b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #008aa6;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #6f6863;\n        background: #6f6863;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #b96e00;\n        background: #b96e00;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #755b8b;\n        background: #755b8b;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #4b7f22;\n        background: #4b7f22;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #69c985;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #c3cad3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #ff9d94;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #83bfff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item {\n        border-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button {\n        color: #f6f4f2;\n      }\n\n      @media (min-width: 1201px) and (max-width: 1450px) {\n        .opportunities-extension-table th:nth-child(1) {\n          width: 16%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 18%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 12%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 7%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 8%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 10%;\n        }\n      }\n\n      @media (max-width: 1200px) {\n        .opportunities-extension-table {\n          min-width: 1180px;\n        }\n\n        .opportunities-extension-table th:nth-child(1) {\n          width: 15%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 17%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 13%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 6%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 9%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 11%;\n        }\n      }\n\n      @media (max-width: 700px) {\n        .opportunities-extension-header {\n          padding: 24px 20px 18px;\n        }\n\n        .opportunities-extension-header::before {\n          left: 20px;\n        }\n\n        .opportunities-extension-header h1 {\n          font-size: 22px;\n        }\n\n        .opportunities-extension-header p {\n          font-size: 14px;\n        }\n\n        .opportunities-extension-body {\n          padding: 16px 20px 24px;\n        }\n\n        .opportunities-extension-form {\n          align-items: stretch;\n          flex-wrap: wrap;\n          gap: 14px;\n          min-height: auto;\n          padding: 12px;\n        }\n\n        .opportunities-extension-field {\n          max-width: none;\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-trigger {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-panel {\n          width: min(360px, calc(100vw - 64px));\n        }\n\n        .opportunities-extension-table-search-field {\n          width: 100%;\n        }\n\n        .opportunities-extension-stage-dashboard {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .opportunities-extension-stage-dashboard-value {\n          font-size: 18px;\n        }\n\n        .opportunities-extension-preferences-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-account-plans-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-preferences-dialog {\n          max-height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plans-dialog {\n          height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plan-panel {\n          padding: 12px 14px;\n        }\n\n        .opportunities-extension-account-plan-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n        }\n\n        .opportunities-extension-account-plan-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 3px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n          padding: 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 5px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-trend {\n          margin: 14px 0 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          align-items: center;\n          gap: 6px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n          width: 100% !important;\n        }\n\n        .opportunities-extension-account-plans-skeleton-chart {\n          grid-template-columns: minmax(0, 1fr);\n          gap: 12px;\n          padding: 12px 8px 0 34px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-legend {\n          display: flex;\n          min-height: 24px;\n          align-items: center;\n          justify-content: center;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-trend-header {\n          align-items: stretch;\n        }\n\n        .opportunities-extension-consumption-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          gap: 3px;\n        }\n\n        .opportunities-extension-consumption-periods button {\n          min-width: 0;\n          padding: 7px 4px;\n          font-size: 12px;\n        }\n\n        .opportunities-extension-consumption-chart {\n          min-height: 0;\n        }\n\n        .opportunities-extension-consumption-svg {\n          width: 760px;\n          height: 245px;\n        }\n\n        .opportunities-extension-consumption-visual {\n          width: 920px;\n          grid-template-columns: 760px 144px;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-figure {\n          overflow-x: auto;\n          overscroll-behavior-inline: contain;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton {\n          min-height: 0;\n          padding: 24px 18px 18px;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton-plot {\n          min-height: 180px;\n          gap: 4px;\n          padding: 0 6px;\n        }\n\n        .opportunities-extension-preferences-options {\n          grid-template-columns: 1fr;\n        }\n\n        .opportunities-extension-stage-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-status-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-table-surface {\n          min-width: 0;\n          min-height: calc(100vh - 230px);\n        }\n\n        .opportunities-extension-debug-panel {\n          right: 12px;\n          bottom: 12px;\n          width: calc(100vw - 24px);\n          max-height: calc(100vh - 96px);\n        }\n      }\n    \n/* Debug navigation only; preserve the extension's existing light/dark theme. */\n.opportunities-extension-debug-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-bottom: 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #dedbd7;\n}\n\n.opportunities-extension-debug-tabs button {\n  max-width: 100%;\n  min-height: 32px;\n  padding: 6px 8px;\n  border: 0;\n  border-bottom: 2px solid transparent;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n  cursor: pointer;\n}\n\n.opportunities-extension-debug-tabs button:hover {\n  background: #f5f4f2;\n}\n\n.opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  border-bottom-color: #00758f;\n  background: #e8f4f6;\n  color: #006b84;\n  font-weight: 700;\n}\n\n.opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline: 2px solid #00758f;\n  outline-offset: -2px;\n}\n\n.opportunities-extension-debug-time {\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.opportunities-extension-debug-heading {\n  flex-wrap: wrap;\n}\n\n.opportunities-extension-debug-heading strong {\n  flex: 1 1 180px;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-debug-summary-meta {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs {\n  border-bottom-color: #514c47;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:hover {\n  background: #383633;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  background: #173f48;\n  border-bottom-color: #8cc8d3;\n  color: #bde7ee;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline-color: #8cc8d3;\n}\n\n/* Keep layout rules on the outer table, never on expanded product tables. */\n.opportunities-extension-table[data-opportunities-layout=\"inline-actions\"] {\n  width: 100%;\n  min-width: 1120px;\n  table-layout: fixed;\n}\n\n/* Fixed table layout shares leftover width only between the two auto columns. */\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"owner\"] { width: 132px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"optyNumber\"] { width: 106px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"revenue\"] { width: 124px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"closeDate\"] { width: 100px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"status\"] { width: 114px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"winProbability\"] { width: 110px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"stage\"] { width: 94px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"lastUpdateDate\"] { width: 136px; }\n\n.opportunities-extension-table > tbody > tr > td[data-column] {\n  padding: 10px 8px;\n  overflow: visible;\n  text-overflow: clip;\n  white-space: normal;\n  font-variant-numeric: tabular-nums;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"name\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] {\n  position: relative;\n  padding-right: 16px;\n  padding-left: 12px;\n  padding-bottom: 38px;\n  vertical-align: top;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"owner\"] {\n  padding-right: 16px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"closeDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"lastUpdateDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"status\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"stage\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"winProbability\"] {\n  white-space: nowrap;\n}\n\n.opportunities-extension-cell-content {\n  display: block;\n  min-width: 0;\n  min-height: 2.7em;\n  line-height: 1.35;\n}\n\n.opportunities-extension-cell-content > :first-child {\n  display: block;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-cell-actions {\n  position: absolute;\n  left: 12px;\n  right: 16px;\n  bottom: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  height: 24px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button {\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button svg {\n  width: 18px;\n  height: 18px;\n}\n\n.opportunities-extension-cell-actions button:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  gap: 6px;\n  padding: 10px 8px;\n  align-items: center;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] .opportunities-extension-sort-button,\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] .opportunities-extension-sort-button {\n  padding-left: 12px;\n  padding-right: 16px;\n}\n\n.opportunities-extension-sort-label {\n  min-width: 0;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button::after {\n  position: static;\n  justify-self: end;\n}\n";
+const redwoodStyles = "\n      .opportunities-extension-scroll-lock {\n        overflow: hidden !important;\n      }\n\n      .opportunities-extension-modal,\n      .opportunities-extension-modal * {\n        box-sizing: border-box;\n        font-family: \"Oracle Sans\", Arial, Helvetica, sans-serif;\n      }\n\n      .opportunities-extension-modal {\n        position: fixed;\n        inset: 0;\n        z-index: 2147483647;\n        background: #f5f4f2;\n        color: #000000;\n      }\n\n      .opportunities-extension-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-shell {\n        height: 100vh;\n        min-height: 0;\n        display: grid;\n        grid-template-rows: auto minmax(0, 1fr);\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-header {\n        position: relative;\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 24px;\n        padding: 28px 40px 22px;\n        border-bottom: 1px solid #dedbd7;\n        background:\n          linear-gradient(90deg, #8f624a 0 11%, #c74634 11% 23%, #6f5a7f 23% 36%, #00758f 36% 51%, #d4b06a 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #ffffff;\n      }\n\n      .opportunities-extension-header::before {\n        position: absolute;\n        left: 40px;\n        bottom: -1px;\n        width: 64px;\n        height: 3px;\n        background: #00758f;\n        content: \"\";\n      }\n\n      .opportunities-extension-header h1 {\n        margin: 0;\n        color: #000000;\n        font-size: 24px;\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0;\n      }\n\n      .opportunities-extension-header p {\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        line-height: 1.4;\n      }\n\n      .opportunities-extension-subtitle-row {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n        margin-top: 6px;\n      }\n\n      .opportunities-extension-auth-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        color: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-auth-badge-authenticated {\n        background: #3f6f17;\n      }\n\n      .opportunities-extension-auth-badge-unauthenticated {\n        background: #c5331f;\n      }\n\n      .opportunities-extension-auth-badge-pending {\n        background: #6f5a7f;\n      }\n\n      .opportunities-extension-products-progress {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-progress[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-cache-timestamp {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #f0eeeb;\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-cache-timestamp[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"running\"]::before {\n        width: 12px;\n        height: 12px;\n        margin-right: 6px;\n        border: 2px solid currentColor;\n        border-right-color: transparent;\n        border-radius: 50%;\n        content: \"\";\n        animation: opportunities-extension-spin .8s linear infinite;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-products-progress[data-state=\"error\"] {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      @keyframes opportunities-extension-spin {\n        to { transform: rotate(360deg); }\n      }\n\n      .opportunities-extension-icon-button {\n        width: 36px;\n        height: 36px;\n        flex: 0 0 36px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 18px;\n        font-weight: 600;\n        line-height: 1;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-header-actions {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      .opportunities-extension-icon-button svg {\n        width: 18px;\n        height: 18px;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-icon-button .opportunities-extension-settings-icon {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-icon-button:hover,\n      .opportunities-extension-icon-button:focus {\n        border-color: #b8b2ad;\n        background: #f5f4f2;\n        outline: none;\n      }\n\n      .opportunities-extension-body {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        gap: 16px;\n        padding: 22px 40px 36px;\n        background: #f5f4f2;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-form {\n        display: flex;\n        align-items: end;\n        flex-wrap: wrap;\n        gap: 24px;\n        min-height: 82px;\n        max-width: none;\n        margin: 0;\n        padding: 14px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-field {\n        display: grid;\n        max-width: max-content;\n        min-width: 270px;\n        width: max-content;\n        gap: 6px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-dashboard {\n        display: grid;\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n        gap: 12px;\n      }\n\n      .opportunities-extension-stage-dashboard-card {\n        display: grid;\n        gap: 6px;\n        min-width: 0;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-top: 3px solid #5f5a55;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-stage-dashboard-card span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-stage-dashboard-value {\n        overflow: hidden;\n        color: #312d2a;\n        font-size: 22px;\n        font-weight: 700;\n        line-height: 1.2;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #008aa6;\n      }\n\n      .opportunities-extension-total-dashboard-card {\n        border-top-color: #312d2a;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #6f6863;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #c87b00;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #755b8b;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #4b7f22;\n      }\n\n      .opportunities-extension-stage-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-stage-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-stage-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #006b84;\n        background: #006b84;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #5f5a55;\n        background: #5f5a55;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #945400;\n        background: #945400;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #624e74;\n        background: #624e74;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #3f6f17;\n        background: #3f6f17;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-status-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-status-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-status-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-status-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-customer-filter {\n        position: relative;\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 220px;\n      }\n\n      .opportunities-extension-customer-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-customer-filter-trigger {\n        position: relative;\n        min-width: 220px;\n        min-height: 44px;\n        padding: 10px 38px 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-trigger::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-top: 6px solid #312d2a;\n        border-right: 5px solid transparent;\n        border-left: 5px solid transparent;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-customer-filter-trigger:disabled {\n        cursor: not-allowed;\n        background: #f5f4f2;\n        color: #7d7772;\n      }\n\n      .opportunities-extension-customer-filter-trigger:focus-visible {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-panel {\n        position: absolute;\n        top: calc(100% + 8px);\n        left: 0;\n        z-index: 4;\n        display: grid;\n        width: min(360px, calc(100vw - 80px));\n        gap: 10px;\n        padding: 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n      }\n\n      .opportunities-extension-customer-filter-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-customer-filter-search {\n        width: 100%;\n        min-height: 40px;\n        padding: 8px 10px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-customer-filter-search:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-customer-filter-option {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-customer-filter-select-all {\n        min-height: 32px;\n        padding-bottom: 8px;\n        border-bottom: 1px solid #dedbd7;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-customer-filter-panel input[type=\"checkbox\"] {\n        width: 16px;\n        height: 16px;\n        flex: 0 0 16px;\n        accent-color: #00758f;\n      }\n\n      .opportunities-extension-customer-filter-list {\n        display: block;\n        max-height: 250px;\n        overflow: auto;\n      }\n\n      .opportunities-extension-customer-filter-option {\n        display: grid;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: start;\n        min-height: 0;\n        height: auto !important;\n        padding: 8px 4px;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-option input[type=\"checkbox\"] {\n        margin-top: 1px;\n      }\n\n      .opportunities-extension-customer-filter-option span {\n        display: block;\n        min-width: 0;\n        line-height: 18px;\n        overflow-wrap: anywhere;\n        white-space: normal;\n      }\n\n      .opportunities-extension-customer-filter-option:hover {\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-customer-filter-empty {\n        margin: 4px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-table-search-field {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        width: 260px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input {\n        width: 100%;\n        min-height: 44px;\n        padding: 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-select-wrap {\n        position: relative;\n        display: block;\n        width: 270px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-select-wrap::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 6px solid #000000;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-field select {\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        min-height: 44px;\n        box-sizing: border-box;\n        appearance: none;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #000000;\n        font-size: 14px;\n        line-height: 1.3;\n        padding: 11px 44px 11px 12px;\n      }\n\n      .opportunities-extension-field select:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-table-surface {\n        min-height: 0;\n        height: 100%;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n        overflow-x: auto;\n        overflow-y: auto;\n      }\n\n      .opportunities-extension-table {\n        width: 100%;\n        min-width: 0;\n        border-collapse: collapse;\n        table-layout: fixed;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-table thead {\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-table th {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        height: 44px;\n        border-bottom: 1px solid #b8b2ad;\n        background: #faf9f8;\n        color: #312d2a;\n        font-size: 12px;\n        font-weight: 700;\n        text-align: left;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td {\n        min-height: 48px;\n        padding: 12px 16px;\n        border-bottom: 1px solid #ebe8e5;\n        vertical-align: middle;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-table th:nth-child(1) {\n        width: 16%;\n      }\n\n      .opportunities-extension-table th:nth-child(2) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(3) {\n        width: 18%;\n      }\n\n      .opportunities-extension-table th:nth-child(4) {\n        width: 11%;\n      }\n\n      .opportunities-extension-table th:nth-child(5) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(6) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(7) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(8) {\n        width: 6%;\n      }\n\n      .opportunities-extension-table th:nth-child(9) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(10) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(11) {\n        width: 4%;\n      }\n\n      .opportunities-extension-table td:nth-child(2),\n      .opportunities-extension-table td:nth-child(5),\n      .opportunities-extension-table td:nth-child(6),\n      .opportunities-extension-table td:nth-child(8) {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .opportunities-extension-table td:nth-child(9) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(7) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(10) {\n        padding-right: 6px;\n        padding-left: 6px;\n        font-size: 12px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td:nth-child(11) {\n        padding-right: 6px;\n        padding-left: 6px;\n        text-align: center;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table tbody tr:hover {\n        background: #f7f6f4;\n      }\n\n      .opportunities-extension-table tbody tr:last-child td {\n        border-bottom: 0;\n      }\n\n      .opportunities-extension-table a {\n        color: #006b84;\n        text-decoration: underline;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 2px;\n      }\n\n      .opportunities-extension-table a:hover {\n        color: #004f63;\n      }\n\n      .opportunities-extension-opty-number-content {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-name-content {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-name-content > a {\n        min-width: 0;\n      }\n\n      .opportunities-extension-actions-content {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 4px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-products-count {\n        display: inline-grid;\n        width: auto;\n        min-width: 20px;\n        height: 20px;\n        place-items: center;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        padding: 0 3px;\n        border: 1px solid #7ca7b2;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 10px;\n        font-weight: 700;\n        line-height: 1;\n        text-align: center;\n        vertical-align: middle;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-products-count:hover,\n      .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n        outline: none;\n      }\n\n      .opportunities-extension-products-count-error {\n        border-color: #d8887e;\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-products-detail-row:hover {\n        background: transparent !important;\n      }\n\n      .opportunities-extension-products-detail-cell {\n        padding: 0 !important;\n      }\n\n      .opportunities-extension-products-detail {\n        padding: 14px 20px 18px;\n        border-bottom: 1px solid #c9c5c1;\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-products-detail-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 10px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-ai-summary {\n        box-sizing: border-box;\n        width: 100%;\n        min-width: 0;\n        margin: 0 0 12px;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 6px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.5;\n        text-align: left;\n        white-space: normal;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-ai-summary strong {\n        display: block;\n        font-size: 13px;\n        font-weight: 600;\n      }\n\n      .opportunities-extension-ai-summary p {\n        margin: 4px 0 0;\n        font: inherit;\n        white-space: pre-wrap;\n      }\n\n      .opportunities-extension-ai-summary-error {\n        color: #b42318;\n        border-color: #d9928b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary {\n        background: #292827;\n        color: #f6f4f2;\n        border-color: #5f5a55;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary-error {\n        color: #ffb4ab;\n        border-color: #a45c55;\n      }\n\n      .opportunities-extension-products-detail-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-products-detail-heading span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-products-table {\n        width: 100%;\n        table-layout: fixed;\n        border-collapse: collapse;\n        border: 1px solid #dedbd7;\n        background: #ffffff;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-products-table th,\n      .opportunities-extension-products-table td {\n        position: static;\n        height: auto;\n        padding: 8px 10px;\n        border-bottom: 1px solid #ebe8e5;\n        background: transparent;\n        overflow-wrap: anywhere;\n        vertical-align: middle;\n        white-space: normal;\n      }\n\n      .opportunities-extension-products-table th {\n        background: #faf9f8;\n        font-size: 11px;\n      }\n\n      .opportunities-extension-products-table th:nth-child(1) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(2) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(3) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(4) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(5) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(6) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(7) { width: 7%; }\n      .opportunities-extension-products-table th:nth-child(8) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(9) { width: 12%; }\n      .opportunities-extension-products-table th:nth-child(10) { width: 5%; }\n\n      .opportunities-extension-products-empty {\n        margin: 0;\n        padding: 10px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-copy-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n        width: 24px;\n        height: 24px;\n        padding: 3px;\n        border: 0;\n        border-radius: 3px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-copy-button svg {\n        width: 16px;\n        height: 16px;\n        fill: currentColor;\n      }\n\n      .opportunities-extension-copy-button:hover,\n      .opportunities-extension-copy-button:focus-visible {\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        padding: 5px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-action-button svg {\n        width: 21px;\n        height: 21px;\n      }\n\n      .opportunities-extension-action-button:hover,\n      .opportunities-extension-action-button:focus-visible {\n        border-color: #7ca7b2;\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button:disabled {\n        cursor: wait;\n        opacity: .72;\n      }\n\n      .opportunities-extension-action-button-loading svg {\n        animation: opportunities-extension-pulse 1s ease-in-out infinite;\n      }\n\n      @keyframes opportunities-extension-pulse {\n        50% { opacity: .35; }\n      }\n\n      .opportunities-extension-copy-toast {\n        position: fixed;\n        right: 28px;\n        bottom: 28px;\n        z-index: 3;\n        max-width: min(360px, calc(100vw - 56px));\n        padding: 12px 16px;\n        border-radius: 4px;\n        background: #2f6f18;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n        color: #ffffff;\n        font-size: 13px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-copy-toast-error {\n        background: #a52b1c;\n      }\n\n      .opportunities-extension-copy-toast[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-stage-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"SQL\"] {\n        background: #d9f0f5;\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"PIPELINE\"] {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"UPSIDE\"] {\n        background: #fff0d8;\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"FORECAST\"] {\n        background: #eee8f5;\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"WON\"] {\n        background: #e5f1d9;\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-status-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"OPEN\"] {\n        background: #e2f2e5;\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"CLOSED\"] {\n        background: #e5e7eb;\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"LOST\"] {\n        background: #f9e3e1;\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"WON\"] {\n        background: #e3edf8;\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-sort-button {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        width: 100%;\n        min-height: 44px;\n        padding: 8px 42px 8px 16px;\n        border: 0;\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-weight: inherit;\n        letter-spacing: 0;\n        line-height: 1.2;\n        text-align: left;\n        white-space: normal;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-table-header-label {\n        display: inline-flex;\n        align-items: center;\n        min-height: 44px;\n        padding: 8px 6px;\n      }\n\n      .opportunities-extension-sort-button::after {\n        position: absolute;\n        right: 15px;\n        color: #5f5a55;\n        content: \"↕\";\n        font-size: 16px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"ascending\"]::after {\n        color: #00758f;\n        content: \"↑\";\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"descending\"]::after {\n        color: #00758f;\n        content: \"↓\";\n      }\n\n      .opportunities-extension-sort-button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-sort-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-table-status {\n        height: 152px;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-visually-hidden {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        display: grid;\n        place-items: center;\n        padding: 24px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-preferences-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 4;\n        display: grid;\n        place-items: center;\n        padding: 12px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-account-plans-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-dialog {\n        display: grid;\n        width: min(1180px, 100%);\n        height: min(760px, calc(100vh - 24px));\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plans-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 14px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-header h2 {\n        margin: 0;\n        font-size: 20px;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-account-plans-header p {\n        margin: 5px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-account-plans-content {\n        display: grid;\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-content > .opportunities-extension-account-plans-skeleton {\n        grid-row: 1 / -1;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation {\n        position: relative;\n        min-width: 0;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation .opportunities-extension-account-plans-tab-navigation-button[hidden] {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tabs {\n        display: flex;\n        min-width: 0;\n        gap: 4px;\n        overflow-x: auto;\n        padding: 8px 20px 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-account-plans-tabs::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button {\n        display: grid;\n        position: absolute;\n        z-index: 1;\n        top: 50%;\n        width: 32px;\n        height: 32px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        box-shadow: 0 2px 6px rgba(0, 0, 0, .16);\n        transform: translateY(-50%);\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:first-child {\n        left: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:last-child {\n        right: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-account-plans-panels {\n        min-width: 0;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plan-tab {\n        min-height: 38px;\n        flex: 0 0 auto;\n        padding: 7px 12px;\n        border: 0;\n        border-bottom: 3px solid transparent;\n        background: transparent;\n        color: #5f5a55;\n        font-size: 13px;\n        font-weight: 600;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plan-tab:hover {\n        background: #f0eeeb;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #00758f;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-account-plan-tab:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-account-plan-panel {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        box-sizing: border-box;\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plan-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plan-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        margin: 0;\n      }\n\n      .opportunities-extension-account-plan-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        gap: 10px;\n        min-height: 42px;\n        align-items: center;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plan-details dt {\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-account-plan-details dd {\n        min-width: 0;\n        margin: 0;\n        color: #312d2a;\n        font-size: 13px;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-consumption-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 14px;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-trend-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 24px;\n      }\n\n      .opportunities-extension-consumption-periods {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-periods button {\n        min-height: 38px;\n        padding: 7px 14px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-periods button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #00758f;\n        background: #e7f6f8;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-periods button:focus-visible,\n      .opportunities-extension-consumption-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-consumption-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 4px;\n      }\n\n      .opportunities-extension-consumption-navigation {\n        display: grid;\n        grid-template-columns: 36px minmax(130px, auto) 36px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 40px;\n        margin-bottom: 2px;\n      }\n\n      .opportunities-extension-consumption-navigation strong {\n        color: #312d2a;\n        font-size: 13px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-navigation-button {\n        display: grid;\n        width: 36px;\n        height: 36px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-consumption-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-consumption-figure {\n        position: relative;\n        min-width: 0;\n        min-height: 0;\n        margin: 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-consumption-figure::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-consumption-visual {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 176px;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-consumption-svg {\n        display: block;\n        width: 100%;\n        height: 300px;\n        min-height: 0;\n        overflow: visible;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #dedbd7;\n        stroke-width: 1;\n        shape-rendering: crispEdges;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #5f5a55;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #312d2a;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #b77888;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #de7907;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #de7907;\n        stroke-width: 1.5;\n        stroke-dasharray: 6 6;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group {\n        cursor: default;\n        outline: none;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group rect {\n        transition: filter .16s ease, opacity .16s ease, stroke .16s ease;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        filter: brightness(1.06);\n        stroke: #312d2a;\n        stroke-width: 1.5;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-label {\n        opacity: 0;\n        animation: opportunities-extension-consumption-label-in .24s ease-out forwards;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-average {\n        opacity: 0;\n        animation: opportunities-extension-consumption-average-in .35s .32s ease-out forwards;\n      }\n\n      @keyframes opportunities-extension-consumption-label-in {\n        from { opacity: 0; transform: translateY(4px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n\n      @keyframes opportunities-extension-consumption-average-in {\n        from { opacity: 0; }\n        to { opacity: 1; }\n      }\n\n      .opportunities-extension-consumption-legend {\n        display: grid;\n        align-content: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-legend button {\n        display: grid;\n        min-width: 0;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: center;\n        gap: 8px;\n        padding: 6px 4px;\n        border: 0;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.25;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-legend button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-legend button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 1px;\n      }\n\n      .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #77726d;\n        opacity: .55;\n      }\n\n      .opportunities-extension-consumption-legend-swatch {\n        display: block;\n        width: 12px;\n        height: 12px;\n        justify-self: center;\n      }\n\n      .opportunities-extension-consumption-legend-funded {\n        background: #b77888;\n      }\n\n      .opportunities-extension-consumption-legend-overage {\n        background: #de7907;\n      }\n\n      .opportunities-extension-consumption-legend-average {\n        height: 0;\n        border-top: 2px dashed #de7907;\n      }\n\n      .opportunities-extension-consumption-tooltip {\n        position: absolute;\n        z-index: 2;\n        display: grid;\n        min-width: 190px;\n        max-width: 260px;\n        gap: 4px;\n        padding: 10px 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .2);\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.3;\n        pointer-events: none;\n      }\n\n      .opportunities-extension-consumption-tooltip[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-consumption-tooltip strong {\n        margin-bottom: 2px;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton {\n        height: 100%;\n        min-height: 0;\n        padding: 34px 62px 24px;\n        box-sizing: border-box;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot {\n        display: flex;\n        height: 100%;\n        min-height: 220px;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px;\n        border-bottom: 1px solid #dedbd7;\n        border-left: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot span {\n        width: min(38px, 6%);\n        border-radius: 2px 2px 0 0;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-consumption-chart-empty,\n      .opportunities-extension-consumption-chart-error {\n        display: grid;\n        min-height: 220px;\n        place-items: center;\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-chart-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-account-plan-status-indicator {\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #9b9691;\n        box-shadow: 0 0 0 3px #efedeb;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #3f6f17;\n        box-shadow: 0 0 0 3px #e2f2e5;\n      }\n\n      .opportunities-extension-account-plan-tab .opportunities-extension-account-plan-status-indicator {\n        margin-right: 8px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs {\n        display: flex;\n        min-height: 46px;\n        align-items: center;\n        padding: 0 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-skeleton-panel {\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tab {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        min-height: 38px;\n        padding: 0 12px;\n        border-bottom: 3px solid #00758f;\n      }\n\n      .opportunities-extension-account-plans-skeleton-status {\n        display: block;\n        width: 10px;\n        height: 10px;\n        flex: 0 0 auto;\n        border-radius: 50%;\n        background: #dedbd7;\n        box-shadow: 0 0 0 3px #efedeb;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        padding: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        align-items: center;\n        gap: 10px;\n        min-height: 42px;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plans-skeleton-bar {\n        display: block;\n        height: 12px;\n        border-radius: 3px;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs .opportunities-extension-account-plans-skeleton-bar {\n        height: 14px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-label {\n        width: 74%;\n        height: 10px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        margin: 14px 0 0;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend-header {\n        display: flex;\n        justify-content: flex-end;\n        min-height: 38px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n        height: 12px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-period-active {\n        height: 38px !important;\n        border: 1px solid #8cc8d3;\n        background: #e7f6f8;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation {\n        display: grid;\n        grid-template-columns: 32px 124px 32px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 54px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation .opportunities-extension-account-plans-skeleton-bar {\n        justify-self: center;\n      }\n\n      .opportunities-extension-account-plans-skeleton-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 150px;\n        align-items: center;\n        gap: 28px;\n        padding: 12px 14px 0 62px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot {\n        display: flex;\n        position: relative;\n        height: 300px;\n        min-height: 0;\n        box-sizing: border-box;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px 64px;\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #ebe8e5 58px, #ebe8e5 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        position: absolute;\n        display: block;\n        content: \"\";\n        background: #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before {\n        top: 0;\n        bottom: 64px;\n        left: 0;\n        width: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        right: 0;\n        bottom: 64px;\n        left: 0;\n        height: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot .opportunities-extension-account-plans-skeleton-bar {\n        width: min(38px, 7%);\n        flex: 0 1 38px;\n        border-radius: 2px 2px 0 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend {\n        display: grid;\n        align-content: center;\n        gap: 18px;\n        min-height: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend .opportunities-extension-account-plans-skeleton-bar {\n        height: 11px;\n      }\n\n      @keyframes opportunities-extension-skeleton-pulse {\n        from { opacity: .48; }\n        to { opacity: 1; }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .opportunities-extension-account-plans-skeleton-bar,\n        .opportunities-extension-consumption-chart-skeleton-plot span,\n        .opportunities-extension-consumption-svg .consumption-animated-label,\n        .opportunities-extension-consumption-svg .consumption-animated-average {\n          animation: none;\n          opacity: 1;\n        }\n      }\n\n      .opportunities-extension-account-plans-empty,\n      .opportunities-extension-account-plans-error {\n        margin: 0;\n        padding: 28px 20px;\n        color: #5f5a55;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-account-plans-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-preferences-dialog {\n        display: grid;\n        width: min(680px, 100%);\n        max-height: min(720px, calc(100vh - 48px));\n        grid-template-rows: auto minmax(0, 1fr) auto;\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-preferences-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 18px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-preferences-header h2 {\n        margin: 0;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-preferences-content {\n        min-height: 0;\n        overflow: auto;\n        padding: 20px;\n      }\n\n      .opportunities-extension-preferences-fieldset {\n        min-width: 0;\n        margin: 0;\n        padding: 0;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-fieldset legend {\n        margin-bottom: 12px;\n        padding: 0;\n        color: #312d2a;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-preferences-options {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 4px 20px;\n      }\n\n      .opportunities-extension-preferences-option {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        min-width: 0;\n        padding: 9px 8px;\n        border-radius: 4px;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.35;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-option:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-preferences-option input {\n        width: 18px;\n        height: 18px;\n        flex: 0 0 18px;\n        margin: 0;\n        accent-color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-cache-field {\n        display: grid;\n        width: min(280px, 100%);\n        gap: 6px;\n        margin-top: 24px;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-preferences-cache-field select {\n        width: 100%;\n        height: 40px;\n        padding: 0 36px 0 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-preferences-cache-field select:focus {\n        border-color: #00758f;\n        outline: 2px solid #bde7ee;\n        outline-offset: 0;\n      }\n\n      .opportunities-extension-preferences-footer {\n        display: flex;\n        justify-content: flex-end;\n        padding: 14px 20px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-button {\n        min-width: 88px;\n        min-height: 36px;\n        padding: 7px 16px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-button-primary {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-button-primary:hover,\n      .opportunities-extension-button-primary:focus-visible {\n        border-color: #005e73;\n        background: #005e73;\n        outline: none;\n      }\n\n      .opportunities-extension-debug-panel {\n        position: fixed;\n        right: 24px;\n        bottom: 24px;\n        z-index: 1;\n        width: min(640px, calc(100vw - 48px));\n        max-height: min(560px, calc(100vh - 120px));\n        overflow: auto;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .16);\n        padding: 16px;\n        color: #000000;\n      }\n\n      .opportunities-extension-debug-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-debug-panel h2 {\n        margin: 0;\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 1.25;\n      }\n\n      .opportunities-extension-debug-panel p {\n        margin: 4px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-panel-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 12px;\n      }\n\n      .opportunities-extension-debug-visibility-button {\n        width: 34px;\n        height: 34px;\n        flex: 0 0 34px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-debug-visibility-button svg {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-debug-list {\n        display: grid;\n        gap: 10px;\n      }\n\n      .opportunities-extension-debug-item {\n        border: 1px solid #dedbd7;\n        border-left-width: 4px;\n        border-radius: 4px;\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-debug-item[open] {\n        background: #ffffff;\n      }\n\n      .opportunities-extension-debug-item-success {\n        border-left-color: #3f6f17;\n      }\n\n      .opportunities-extension-debug-item-success .opportunities-extension-debug-status {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-debug-item-failed {\n        border-left-color: #c5331f;\n      }\n\n      .opportunities-extension-debug-item-failed .opportunities-extension-debug-status {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-debug-item-pending {\n        border-left-color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-item-pending .opportunities-extension-debug-status {\n        background: #eee8f2;\n        color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        min-height: 42px;\n        padding: 9px 12px 9px 10px;\n        cursor: pointer;\n        list-style: none;\n      }\n\n      .opportunities-extension-debug-heading::-webkit-details-marker {\n        display: none;\n      }\n\n      .opportunities-extension-debug-heading::before {\n        content: \"⌄\";\n        width: 14px;\n        color: #5f5a55;\n        font-size: 16px;\n        line-height: 1;\n        transform: rotate(-90deg);\n        transition: transform .15s ease;\n      }\n\n      .opportunities-extension-debug-item[open] .opportunities-extension-debug-heading::before {\n        transform: rotate(0deg);\n      }\n\n      .opportunities-extension-debug-summary-meta {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-left: auto;\n      }\n\n      .opportunities-extension-debug-http-status,\n      .opportunities-extension-debug-status {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 0 8px;\n        border-radius: 999px;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-debug-http-status {\n        background: #e8f4f6;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-debug-status {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-debug-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-item pre {\n        margin: 0;\n        padding: 8px 12px 12px;\n        color: #312d2a;\n        font-family: Consolas, \"Courier New\", monospace;\n        font-size: 12px;\n        line-height: 1.45;\n        white-space: pre-wrap;\n        word-break: break-word;\n      }\n\n      .opportunities-extension-debug-empty {\n        padding: 14px;\n        border: 1px dashed #b8b2ad;\n        border-radius: 4px;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] {\n        background: #1f1f1f;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-shell,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-body {\n        background: #1f1f1f;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header {\n        border-bottom-color: #4e4a46;\n        background:\n          linear-gradient(90deg, #a8795d 0 11%, #dd5a47 11% 23%, #876e9b 23% 36%, #00a6be 36% 51%, #dfbd76 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header h1,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-value,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dt,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-bar {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-status {\n        background: #5b5753;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-period-active {\n        border-color: #3f7580;\n        background: #23474e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot span {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator {\n        background: #8f8a85;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #7fb05b;\n        box-shadow: 0 0 0 3px #314527;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-form,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-surface,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item[open] {\n        border-color: #4e4a46;\n        background: #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-select-wrap::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger:disabled {\n        background: #292827;\n        color: #918b86;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search::placeholder,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input::placeholder {\n        color: #b5b0ab;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-fieldset legend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dd,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item pre,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel h2 {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation strong {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th {\n        border-bottom-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-footer,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs-navigation,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details > div,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-details > div {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #4e4a46 58px, #4e4a46 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::after {\n        background: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab:hover {\n        background: #3b3937;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #43c4d5;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #43c4d5;\n        background: #173e43;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:hover:not(:disabled),\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #43c4d5;\n        background: #3b3937;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:disabled,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #4e4a46;\n        color: #746f6a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        stroke: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #a8a39e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-funded {\n        background: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-overage {\n        background: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-average {\n        border-top-color: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-tooltip {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option input {\n        accent-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary {\n        border-color: #00a6be;\n        background: #008aa6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:focus-visible {\n        border-color: #43c4d5;\n        background: #006d7a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table tbody tr:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sort-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:focus {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table thead,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th {\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail {\n        border-bottom-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count {\n        border-color: #2f9bae;\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #43c4d5;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"running\"] {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #244f2e;\n        color: #a8dfb7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"error\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count-error {\n        border-color: #b13b34;\n        background: #5f2926;\n        color: #ffb4ad;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-cache-timestamp {\n        background: #3b3937;\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:focus-visible {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #d1cbc6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #ffbf62;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #d2b7e9;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #9bd46a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-total-dashboard-card {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #c0b9b3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #ffb84d;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #cba7e7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #92cf5b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #008aa6;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #6f6863;\n        background: #6f6863;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #b96e00;\n        background: #b96e00;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #755b8b;\n        background: #755b8b;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #4b7f22;\n        background: #4b7f22;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #69c985;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #c3cad3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #ff9d94;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #83bfff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item {\n        border-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button {\n        color: #f6f4f2;\n      }\n\n      @media (min-width: 1201px) and (max-width: 1450px) {\n        .opportunities-extension-table th:nth-child(1) {\n          width: 16%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 18%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 12%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 7%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 8%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 10%;\n        }\n      }\n\n      @media (max-width: 1200px) {\n        .opportunities-extension-table {\n          min-width: 1180px;\n        }\n\n        .opportunities-extension-table th:nth-child(1) {\n          width: 15%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 17%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 13%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 6%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 9%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 11%;\n        }\n      }\n\n      @media (max-width: 700px) {\n        .opportunities-extension-header {\n          padding: 24px 20px 18px;\n        }\n\n        .opportunities-extension-header::before {\n          left: 20px;\n        }\n\n        .opportunities-extension-header h1 {\n          font-size: 22px;\n        }\n\n        .opportunities-extension-header p {\n          font-size: 14px;\n        }\n\n        .opportunities-extension-body {\n          padding: 16px 20px 24px;\n        }\n\n        .opportunities-extension-form {\n          align-items: stretch;\n          flex-wrap: wrap;\n          gap: 14px;\n          min-height: auto;\n          padding: 12px;\n        }\n\n        .opportunities-extension-field {\n          max-width: none;\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-trigger {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-panel {\n          width: min(360px, calc(100vw - 64px));\n        }\n\n        .opportunities-extension-table-search-field {\n          width: 100%;\n        }\n\n        .opportunities-extension-stage-dashboard {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .opportunities-extension-stage-dashboard-value {\n          font-size: 18px;\n        }\n\n        .opportunities-extension-preferences-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-account-plans-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-preferences-dialog {\n          max-height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plans-dialog {\n          height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plan-panel {\n          padding: 12px 14px;\n        }\n\n        .opportunities-extension-account-plan-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n        }\n\n        .opportunities-extension-account-plan-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 3px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n          padding: 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 5px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-trend {\n          margin: 14px 0 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          align-items: center;\n          gap: 6px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n          width: 100% !important;\n        }\n\n        .opportunities-extension-account-plans-skeleton-chart {\n          grid-template-columns: minmax(0, 1fr);\n          gap: 12px;\n          padding: 12px 8px 0 34px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-legend {\n          display: flex;\n          min-height: 24px;\n          align-items: center;\n          justify-content: center;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-trend-header {\n          align-items: stretch;\n        }\n\n        .opportunities-extension-consumption-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          gap: 3px;\n        }\n\n        .opportunities-extension-consumption-periods button {\n          min-width: 0;\n          padding: 7px 4px;\n          font-size: 12px;\n        }\n\n        .opportunities-extension-consumption-chart {\n          min-height: 0;\n        }\n\n        .opportunities-extension-consumption-svg {\n          width: 760px;\n          height: 245px;\n        }\n\n        .opportunities-extension-consumption-visual {\n          width: 920px;\n          grid-template-columns: 760px 144px;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-figure {\n          overflow-x: auto;\n          overscroll-behavior-inline: contain;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton {\n          min-height: 0;\n          padding: 24px 18px 18px;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton-plot {\n          min-height: 180px;\n          gap: 4px;\n          padding: 0 6px;\n        }\n\n        .opportunities-extension-preferences-options {\n          grid-template-columns: 1fr;\n        }\n\n        .opportunities-extension-stage-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-status-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-table-surface {\n          min-width: 0;\n          min-height: calc(100vh - 230px);\n        }\n\n        .opportunities-extension-debug-panel {\n          right: 12px;\n          bottom: 12px;\n          width: calc(100vw - 24px);\n          max-height: calc(100vh - 96px);\n        }\n      }\n    \n/* Debug navigation only; preserve the extension's existing light/dark theme. */\n.opportunities-extension-debug-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-bottom: 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #dedbd7;\n}\n\n.opportunities-extension-debug-tabs button {\n  max-width: 100%;\n  min-height: 32px;\n  padding: 6px 8px;\n  border: 0;\n  border-bottom: 2px solid transparent;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n  cursor: pointer;\n}\n\n.opportunities-extension-debug-tabs button:hover {\n  background: #f5f4f2;\n}\n\n.opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  border-bottom-color: #00758f;\n  background: #e8f4f6;\n  color: #006b84;\n  font-weight: 700;\n}\n\n.opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline: 2px solid #00758f;\n  outline-offset: -2px;\n}\n\n.opportunities-extension-debug-time {\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.opportunities-extension-debug-heading {\n  flex-wrap: wrap;\n}\n\n.opportunities-extension-debug-heading strong {\n  flex: 1 1 180px;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-debug-summary-meta {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs {\n  border-bottom-color: #514c47;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:hover {\n  background: #383633;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  background: #173f48;\n  border-bottom-color: #8cc8d3;\n  color: #bde7ee;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline-color: #8cc8d3;\n}\n\n/* Keep layout rules on the outer table, never on expanded product tables. */\n.opportunities-extension-table[data-opportunities-layout=\"inline-actions\"] {\n  width: 100%;\n  min-width: 1120px;\n  table-layout: fixed;\n}\n\n/* Fixed table layout shares leftover width only between the two auto columns. */\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"owner\"] { width: 132px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"optyNumber\"] { width: 106px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"revenue\"] { width: 124px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"closeDate\"] { width: 100px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"status\"] { width: 114px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"winProbability\"] { width: 110px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"stage\"] { width: 94px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"lastUpdateDate\"] { width: 136px; }\n\n.opportunities-extension-table > tbody > tr > td[data-column] {\n  padding: 10px 8px;\n  overflow: visible;\n  text-overflow: clip;\n  white-space: normal;\n  font-variant-numeric: tabular-nums;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"name\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] {\n  position: relative;\n  padding-right: 16px;\n  padding-left: 12px;\n  padding-bottom: 38px;\n  vertical-align: top;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"owner\"] {\n  padding-right: 16px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"closeDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"lastUpdateDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"status\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"stage\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"winProbability\"] {\n  white-space: nowrap;\n}\n\n.opportunities-extension-cell-content {\n  display: block;\n  min-width: 0;\n  min-height: 2.7em;\n  line-height: 1.35;\n}\n\n.opportunities-extension-cell-content > :first-child {\n  display: block;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-cell-actions {\n  position: absolute;\n  left: 12px;\n  right: 16px;\n  bottom: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  height: 24px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button {\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button svg {\n  width: 18px;\n  height: 18px;\n}\n\n.opportunities-extension-cell-actions button:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  gap: 6px;\n  padding: 10px 8px;\n  align-items: center;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] .opportunities-extension-sort-button,\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] .opportunities-extension-sort-button {\n  padding-left: 12px;\n  padding-right: 16px;\n}\n\n.opportunities-extension-sort-label {\n  min-width: 0;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button::after {\n  position: static;\n  justify-self: end;\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {\n  width: min(1700px, 100%);\n}\n.opportunities-extension-install-base-content {\n  min-width: 0;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-gutter: stable;\n}\n.opportunities-extension-install-base-message { margin: 16px; font-size: 13px; }\n.opportunities-extension-install-base-table {\n  width: 100%; min-width: 1400px; table-layout: fixed; border-collapse: collapse; font-size: 12px;\n}\n.opportunities-extension-install-base-table col { width: 7%; }\n.opportunities-extension-install-base-table .install-base-col-partyName { width: 12%; }\n.opportunities-extension-install-base-table .install-base-col-productGroupName { width: 13%; }\n.opportunities-extension-install-base-table .install-base-col-productName { width: 13%; }\n.opportunities-extension-install-base-table .install-base-col-quantity { width: 5%; }\n.opportunities-extension-install-base-table .install-base-col-quantityType { width: 8%; }\n.opportunities-extension-install-base-table th,\n.opportunities-extension-install-base-table td {\n  padding: 12px 8px; text-align: left; vertical-align: middle; overflow-wrap: anywhere;\n  border-bottom: 1px solid #e8e5e1; line-height: 1.4;\n}\n.opportunities-extension-install-base-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }\n.opportunities-extension-install-base-table td[data-format=\"amount\"],\n.opportunities-extension-install-base-table td[data-format=\"quantity\"] { text-align: right; font-variant-numeric: tabular-nums; }\n.opportunities-extension-install-base-table td[data-format=\"date\"] { white-space: nowrap; }\n.opportunities-extension-install-base-status {\n  display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;\n  color: #5f5a55; background: #eceae8; white-space: nowrap;\n}\n.opportunities-extension-install-base-status[data-status=\"ACTIVE\"] { color: #17693a; background: #e1f1e5; }\n.opportunities-extension-install-base-status[data-status=\"UNSUPPORTED\"] { color: #855300; background: #fff0d6; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table th { background: #353331; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table td { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-status { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-status[data-status=\"ACTIVE\"] { color: #b8e4c6; background: #214d34; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-status[data-status=\"UNSUPPORTED\"] { color: #ffdfa2; background: #614418; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-install-base-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }\n}\n";
 // Source: src/shared/messages.js
 /** Stable wire names. All payloads remain plain, serializable objects. */
 function createMessageTypes() {
@@ -12,6 +12,7 @@ function createMessageTypes() {
     opptyProductsRequestDebug: "opportunitiesExtension.opptyProductsRequestDebug",
     requestConsumerTokenService: "opportunitiesExtension.requestConsumerTokenService",
     requestAccountPlans: "opportunitiesExtension.requestAccountPlans",
+    requestInstallBase: "opportunitiesExtension.requestInstallBase",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend"
   });
 }
@@ -392,6 +393,7 @@ function createContentModal({
   applyTheme,
   authSessionState,
   closeAccountPlansModal,
+  closeInstallBaseModal,
   closeCustomerFilterPanel,
   closeOwnerFilterPanel,
   closePreferencesModal,
@@ -798,6 +800,7 @@ function createContentModal({
     if (modal) {
       closePreferencesModal();
       closeAccountPlansModal();
+      closeInstallBaseModal();
       modal.hidden = true;
     }
 
@@ -826,6 +829,10 @@ function createContentModal({
       }
 
       if (event.key === "Escape") {
+        if (closeInstallBaseModal()) {
+          event.preventDefault();
+          return;
+        }
         const accountPlansModal = document.getElementById(ACCOUNT_PLANS_MODAL_ID);
 
         if (accountPlansModal && !accountPlansModal.hidden) {
@@ -1825,6 +1832,7 @@ function createOpportunitiesTable({
   OPPORTUNITIES_TABLE_ID,
   OPPORTUNITY_DETAIL_URL,
   createCloudConsumptionButton,
+  createInstallBaseButton,
   createCopyOpportunityButton,
   createDetailLink,
   createProductsCountButton,
@@ -1969,7 +1977,7 @@ function createOpportunitiesTable({
             );
             const customerActions = document.createElement("span");
             customerActions.className = "opportunities-extension-cell-actions";
-            customerActions.append(createCloudConsumptionButton(item));
+        customerActions.append(createCloudConsumptionButton(item), createInstallBaseButton(item));
             customerCellContent.append(customerLink, customerActions);
             cell.append(customerCellContent);
           } else {
@@ -3643,6 +3651,189 @@ function createConsumptionPlansAction({
   return { createCloudConsumptionButton, createCloudConsumptionIcon };
 }
 
+// Source: src/features/install-base/action.js
+function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce, sendRuntimeMessage,
+  appendBackgroundRequestLog, openInstallBaseModal, environment }) {
+  const { document } = environment;
+  const pending = new Map();
+
+  async function load(partyNumber) {
+    const authorizations = await requestConsumerTokenServiceOnce();
+    const response = await sendRuntimeMessage({
+      type: messageTypes.requestInstallBase, partyNumber,
+      authorizations: { accountSummary: authorizations.accountSummary, installBase: authorizations.installBase }
+    });
+    appendBackgroundRequestLog(response?.debugRequests);
+    if (!response?.ok) throw new Error(response?.error || "Unable to load installed base.");
+    return response.items;
+  }
+
+  function createInstallBaseButton(opportunity) {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "opportunities-extension-action-button";
+    button.title = "View customer installed base";
+    button.setAttribute("aria-label", `View installed base for ${opportunity.CustomerAccount?.PartyUniqueName || "customer"}`);
+    const icon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    icon.setAttribute("viewBox", "0 0 24 24");
+    icon.setAttribute("aria-hidden", "true");
+    icon.setAttribute("focusable", "false");
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", "M4 3h16v7H4z M4 14h16v7H4z M7 6.5h.01 M7 17.5h.01 M11 6.5h6 M11 17.5h6 M8 10v4 M16 10v4");
+    path.setAttribute("fill", "none");
+    path.setAttribute("stroke", "currentColor");
+    path.setAttribute("stroke-width", "1.7");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    icon.append(path);
+    button.append(icon);
+    button.addEventListener("click", async () => {
+      const view = openInstallBaseModal(opportunity, button);
+      const partyNumber = String(opportunity.CustomerAccount?.PartyNumber || "");
+      try {
+        if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
+        if (!pending.has(partyNumber)) {
+          const request = load(partyNumber).finally(() => pending.delete(partyNumber));
+          pending.set(partyNumber, request);
+        }
+        view.render(await pending.get(partyNumber));
+      } catch (error) {
+        view.render([], error.message || "Unable to load installed base.");
+      }
+    });
+    return button;
+  }
+  return { createInstallBaseButton };
+}
+
+// Source: src/features/install-base/view.js
+function createInstallBaseView({ MODAL_ID, createCloseIcon, formatOracleResponseDate, environment }) {
+  const { document } = environment;
+  let active = null;
+  const columns = [
+    ["partyName", "Customer"], ["productGroupName", "Product Group"], ["productName", "Product"],
+    ["currentSupport", "Current Support", "amount"], ["orderNumber", "Order Number"],
+    ["supportStatus", "Support Status", "status"], ["quantityType", "Quantity Type"],
+    ["quantity", "Quantity", "quantity"], ["supportStartDate", "Support Start Date", "date"],
+    ["supportEndDate", "Support End Date", "date"], ["licenseValue", "License Value", "amount"],
+    ["shipDate", "Ship Date", "date"]
+  ];
+  function element(tag, className, text) {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (text !== undefined) node.textContent = text;
+    return node;
+  }
+  function closeInstallBaseModal() {
+    if (!active) return false;
+    const previous = active;
+    active = null;
+    previous.modal.remove();
+    if (previous.trigger?.isConnected) previous.trigger.focus();
+    return true;
+  }
+  function createTable(items, loading = false) {
+    const table = element("table", "opportunities-extension-install-base-table");
+    table.setAttribute("aria-label", "Installed base items");
+    const head = element("thead");
+    const header = element("tr");
+    const group = element("colgroup");
+    columns.forEach(([key, label]) => {
+      const col = element("col");
+      col.className = `install-base-col-${key}`;
+      group.append(col);
+      const th = element("th", "", label);
+      th.scope = "col";
+      header.append(th);
+    });
+    head.append(header);
+    const body = element("tbody");
+    (loading ? Array.from({ length: 8 }, () => ({})) : items).forEach(item => {
+      const row = element("tr");
+      columns.forEach(([key, , type]) => {
+        const cell = element("td");
+        if (loading) {
+          const bar = element("span", "opportunities-extension-account-plans-skeleton-bar");
+          bar.setAttribute("aria-hidden", "true");
+          cell.append(bar);
+        } else {
+          const value = item[key];
+          const missing = value === null || value === undefined || value === "";
+          let text = missing ? "-" : String(value).trim();
+          if (!missing && type === "date") text = formatOracleResponseDate(value);
+          if (!missing && (type === "amount" || type === "quantity") && Number.isFinite(Number(value))) {
+            text = new Intl.NumberFormat("en-US", {
+              minimumFractionDigits: type === "amount" ? 2 : 0, maximumFractionDigits: type === "amount" ? 2 : 4
+            }).format(Number(value));
+          }
+          if (type === "status") {
+            const badge = element("span", "opportunities-extension-install-base-status", text);
+            badge.dataset.status = text.toUpperCase();
+            cell.append(badge);
+          } else cell.textContent = text;
+          if (type) cell.dataset.format = type;
+        }
+        row.append(cell);
+      });
+      body.append(row);
+    });
+    table.append(group, head, body);
+    return table;
+  }
+  function openInstallBaseModal(opportunity, trigger) {
+    closeInstallBaseModal();
+    const overlay = document.getElementById(MODAL_ID);
+    if (!overlay || overlay.hidden) return { render() {} };
+    const modal = element("section", "opportunities-extension-account-plans-modal");
+    modal.setAttribute("role", "dialog");
+    modal.setAttribute("aria-modal", "true");
+    modal.setAttribute("aria-busy", "true");
+    modal.setAttribute("aria-labelledby", "opportunities-extension-install-base-title");
+    const dialog = element("div", "opportunities-extension-account-plans-dialog opportunities-extension-install-base-dialog");
+    const header = element("header", "opportunities-extension-account-plans-header");
+    const heading = element("div");
+    const title = element("h2", "", "Installed Base");
+    title.id = "opportunities-extension-install-base-title";
+    heading.append(title, element("p", "", opportunity.CustomerAccount?.PartyUniqueName || "Customer"));
+    const close = element("button", "opportunities-extension-icon-button");
+    close.type = "button";
+    close.title = "Close";
+    close.setAttribute("aria-label", "Close installed base");
+    close.append(createCloseIcon());
+    close.addEventListener("click", closeInstallBaseModal);
+    header.append(heading, close);
+    const content = element("div", "opportunities-extension-install-base-content");
+    content.tabIndex = 0;
+    content.setAttribute("role", "region");
+    content.setAttribute("aria-label", "Installed base results");
+    const status = element("p", "opportunities-extension-install-base-message", "Loading installed base...");
+    status.setAttribute("role", "status");
+    content.append(status, createTable([], true));
+    dialog.append(header, content);
+    modal.append(dialog);
+    overlay.append(modal);
+    active = { modal, trigger };
+    modal.addEventListener("keydown", event => {
+      if (event.key === "Tab") {
+        event.preventDefault();
+        (document.activeElement === close ? content : close).focus();
+      }
+    });
+    close.focus();
+    return { render(items, error = "") {
+      // A closed or replaced dialog must never receive a late response.
+      if (active?.modal !== modal || overlay.hidden) return;
+      modal.setAttribute("aria-busy", "false");
+      content.textContent = "";
+      status.textContent = error || (items.length ? `${items.length} installed base items` : "No installed base items found for this customer.");
+      status.setAttribute("role", error ? "alert" : "status");
+      content.append(status);
+      if (!error && items.length) content.append(createTable(items));
+    } };
+  }
+  return { openInstallBaseModal, closeInstallBaseModal, createTable };
+}
+
 // Source: src/features/consumption/plans-view.js
 function createConsumptionPlansView({
   ACCOUNT_PLANS_MODAL_ID,
@@ -4937,7 +5128,7 @@ function createDebugContentView({
   const categories = [
     ["all", "All"], ["authentication", "Authentication"],
     ["opportunities", "Opportunities"], ["products", "Products"],
-    ["ai", "AI"], ["consumption", "Consumption"], ["other", "Other"]
+    ["ai", "AI"], ["consumption", "Consumption"], ["installBase", "Installed Base"], ["other", "Other"]
   ];
   let selectedCategory = "all";
   const expandedIds = new Set();
@@ -4947,6 +5138,7 @@ function createDebugContentView({
     if (entry.name === "requestOpportunities") return "opportunities";
     if (entry.name === "requestOpptyProducts") return "products";
     if (entry.name === "requestGenerateAiSummary") return "ai";
+    if (entry.name === "requestInstallBase") return "installBase";
     if (/^request(?:AccountSummary|AccountPlans|ConsumptionService)/.test(entry.name)) return "consumption";
     return "other";
   }
@@ -5273,6 +5465,7 @@ function createContentApplication(overrides = {}) {
     applyTheme: (...args) => contentTheme.applyTheme(...args),
     authSessionState,
     closeAccountPlansModal: (...args) => consumptionPlansView.closeAccountPlansModal(...args),
+    closeInstallBaseModal: (...args) => installBaseView.closeInstallBaseModal(...args),
     closeCustomerFilterPanel: (...args) => opportunitiesFilters.closeCustomerFilterPanel(...args),
     closeOwnerFilterPanel: (...args) => opportunitiesFilters.closeOwnerFilterPanel(...args),
     closePreferencesModal: (...args) => preferencesView.closePreferencesModal(...args),
@@ -5394,6 +5587,7 @@ function createContentApplication(overrides = {}) {
     OPPORTUNITIES_TABLE_ID: contracts.OPPORTUNITIES_TABLE_ID,
     OPPORTUNITY_DETAIL_URL: contracts.OPPORTUNITY_DETAIL_URL,
     createCloudConsumptionButton: (...args) => consumptionPlansAction.createCloudConsumptionButton(...args),
+    createInstallBaseButton: (...args) => installBaseAction.createInstallBaseButton(...args),
     createCopyOpportunityButton: (...args) => opportunitiesLinks.createCopyOpportunityButton(...args),
     createDetailLink: (...args) => opportunitiesLinks.createDetailLink(...args),
     createProductsCountButton: (...args) => productsDetails.createProductsCountButton(...args),
@@ -5514,6 +5708,20 @@ function createContentApplication(overrides = {}) {
     requestTokenRelaySalesCommon: (...args) => authSalesCommon.requestTokenRelaySalesCommon(...args),
     environment
   });
+  const installBaseView = createInstallBaseView({
+    MODAL_ID: contracts.MODAL_ID,
+    createCloseIcon: (...args) => contentIcons.createCloseIcon(...args),
+    formatOracleResponseDate: (...args) => opportunitiesFormatters.formatOracleResponseDate(...args),
+    environment
+  });
+  const installBaseAction = createInstallBaseAction({
+    messageTypes,
+    requestConsumerTokenServiceOnce: (...args) => authContentSession.requestConsumerTokenServiceOnce(...args),
+    sendRuntimeMessage: (...args) => platformContentMessages.sendRuntimeMessage(...args),
+    appendBackgroundRequestLog: (...args) => debugContentLog.appendBackgroundRequestLog(...args),
+    openInstallBaseModal: (...args) => installBaseView.openInstallBaseModal(...args),
+    environment
+  });
   const consumptionPlansAction = createConsumptionPlansAction({
     messageTypes,
     appendBackgroundRequestLog: (...args) => debugContentLog.appendBackgroundRequestLog(...args),
@@ -5622,6 +5830,8 @@ function createContentApplication(overrides = {}) {
     productsDetails,
     aiSummaryContent,
     consumptionPlansAction,
+    installBaseAction,
+    installBaseView,
     consumptionPlansView,
     consumptionTrendController,
     consumptionChart,
diff --git a/dist/firefox/background.js b/dist/firefox/background.js
index 3f6a2e5..d9094fa 100644
--- a/dist/firefox/background.js
+++ b/dist/firefox/background.js
@@ -11,6 +11,7 @@ function createMessageTypes() {
     opptyProductsRequestDebug: "opportunitiesExtension.opptyProductsRequestDebug",
     requestConsumerTokenService: "opportunitiesExtension.requestConsumerTokenService",
     requestAccountPlans: "opportunitiesExtension.requestAccountPlans",
+    requestInstallBase: "opportunitiesExtension.requestInstallBase",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend"
   });
 }
@@ -156,7 +157,8 @@ function createAuthConsumerSession({
         ok: true,
         authorizations: {
           accountSummary: accountSummaryAuthorization,
-          accountPlans: accountPlansAuthorization
+          accountPlans: accountPlansAuthorization,
+          installBase: extractTokenServiceAuthorization(tokenResponse, "SAIB-TS", "")
         },
         debugRequests
       };
@@ -438,6 +440,68 @@ function createSpaAccounts({
   return { requestAccountPlans };
 }
 
+// Source: src/services/spa/install-base.js
+function createSpaInstallBase({ ACCOUNT_SUMMARY_URL, fetchJson, findNestedObject, normalizeMessageAuthorization }) {
+  const endpoint = "https://spa.oracle.com/oalcrm/web/api/provider-proxy/g2m-installbase-provider/service/account/";
+  async function requestInstallBase(message) {
+    const debugRequests = [];
+    try {
+      const partyNumber = String(message.partyNumber || "").trim();
+      const summaryAuth = normalizeMessageAuthorization(message.authorizations?.accountSummary, "account-ti-authorization");
+      const installAuth = normalizeMessageAuthorization(message.authorizations?.installBase, "");
+      if (!partyNumber) throw new Error("Customer Party Number is required.");
+      if (!summaryAuth.value) throw new Error("ACCP-TS authorization is unavailable.");
+      if (!installAuth.name || !installAuth.value) throw new Error("SAIB-TS uiaasHeader.label/value is unavailable.");
+      const summary = await fetchJson(ACCOUNT_SUMMARY_URL, {
+        method: "POST", credentials: "include",
+        headers: { Accept: "application/json", "Content-Type": "application/json", [summaryAuth.name]: summaryAuth.value },
+        body: JSON.stringify([{ key: "regId", value: partyNumber }])
+      }, "requestAccountSummary", debugRequests);
+      const account = findNestedObject(summary, value =>
+        (typeof value.registryId === "string" || typeof value.registryId === "number") && String(value.registryId).trim() !== "");
+      if (!account) throw new Error("registryId was not found in requestAccountSummary.");
+      const payload = {
+        text: "", accountHierarchy: "single", accountScope: "all", productScope: "all",
+        installStatus: ["active", "inactive", "unsupported"], productIds: null,
+        contractEndDate: { to: null, from: null }, contractStartDate: { to: null, from: null },
+        purchaseStartDate: { to: null, from: null }, registryIds: [], gecPartyNumbers: null
+      };
+      const items = [];
+      let offset = 0;
+      // Bound malformed pagination without silently returning a partial result.
+      for (let page = 0; page < 1000; page += 1) {
+        const url = `${endpoint}${encodeURIComponent(String(account.registryId).trim())}?orderBy=currentSupport%3Adesc&limit=25&offset=${offset}`;
+        const result = await fetchJson(url, {
+          method: "POST", credentials: "include",
+          headers: { Accept: "application/json", "Content-Type": "application/json", [installAuth.name]: installAuth.value },
+          body: JSON.stringify(payload)
+        }, "requestInstallBase", debugRequests);
+        if (!result || !Array.isArray(result.items) || typeof result.hasMore !== "boolean"
+          || result.items.some(item => !item || typeof item !== "object" || Array.isArray(item))) {
+          throw new Error("requestInstallBase returned an invalid collection.");
+        }
+        if (result.offset !== undefined && result.offset !== offset) throw new Error("requestInstallBase returned an unexpected offset.");
+        items.push(...result.items);
+        if (!result.hasMore) return { ok: true, items, debugRequests };
+        if (!result.items.length) throw new Error("requestInstallBase pagination made no progress.");
+        offset += result.items.length;
+      }
+      throw new Error("requestInstallBase pagination limit reached.");
+    } catch (error) {
+      error.debugRequests = debugRequests;
+      throw error;
+    } finally {
+      // The provider chooses the credential header name; never rely on its spelling for redaction.
+      for (const entry of debugRequests) {
+        for (const key of Object.keys(entry.requestHeaders || {})) {
+          if (!/^(accept|content-type)$/i.test(key)) entry.requestHeaders[key] = "(present)";
+        }
+      }
+    }
+  }
+  return { requestInstallBase };
+}
+
 // Source: src/services/spa/consumption.js
 function createSpaConsumption({
   CONSUMPTION_TREND_REQUESTS,
@@ -1448,6 +1512,7 @@ function registerBackgroundMessages({
   getXsrfTokenCookie,
   refreshXsrfCookie,
   requestAccountPlans,
+  requestInstallBase,
   requestConsumerTokenService,
   requestConsumptionTrend,
   requestOpptyProducts,
@@ -1527,6 +1592,14 @@ runtimeApi.runtime.onMessage.addListener((message, sender, sendResponse) => {
       return true;
     }
 
+    if (message.type === messageTypes.requestInstallBase) {
+      requestInstallBase(message).then(sendResponse).catch(error => sendResponse({
+        ok: false, error: error.message || "Unable to load installed base.",
+        debugRequests: Array.isArray(error.debugRequests) ? error.debugRequests : []
+      }));
+      return true;
+    }
+
     if (message.type === messageTypes.requestAccountPlans) {
       requestAccountPlans(message)
         .then(sendResponse)
@@ -1596,6 +1669,12 @@ function createBackgroundApplication(overrides = {}) {
     findAccountPlanId: (...args) => spaResponseShapes.findAccountPlanId(...args),
     normalizeMessageAuthorization: (...args) => authSpaCredentials.normalizeMessageAuthorization(...args)
   });
+  const spaInstallBase = createSpaInstallBase({
+    ACCOUNT_SUMMARY_URL: contracts.ACCOUNT_SUMMARY_URL,
+    fetchJson: (...args) => httpBackgroundJson.fetchJson(...args),
+    findNestedObject: (...args) => spaResponseShapes.findNestedObject(...args),
+    normalizeMessageAuthorization: (...args) => authSpaCredentials.normalizeMessageAuthorization(...args)
+  });
   const spaConsumption = createSpaConsumption({
     CONSUMPTION_TREND_REQUESTS: contracts.CONSUMPTION_TREND_REQUESTS,
     CONSUMPTION_TREND_URL: contracts.CONSUMPTION_TREND_URL,
@@ -1659,12 +1738,13 @@ function createBackgroundApplication(overrides = {}) {
   const getXsrfTokenCookie = (...args) => authXsrfCookies.getXsrfTokenCookie(...args);
   const refreshXsrfCookie = (...args) => authXsrfRecovery.refreshXsrfCookie(...args);
   const requestAccountPlans = (...args) => spaAccounts.requestAccountPlans(...args);
+  const requestInstallBase = (...args) => spaInstallBase.requestInstallBase(...args);
   const requestConsumerTokenService = (...args) => authConsumerSession.requestConsumerTokenService(...args);
   const requestConsumptionTrend = (...args) => spaConsumption.requestConsumptionTrend(...args);
   const requestOpptyProducts = (...args) => productsBackgroundJobs.requestOpptyProducts(...args);
   const runtimeApi = environment.browser || environment.chrome;
   function start() {
-    startBackgroundApplication({ messageTypes, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestConsumerTokenService, requestConsumptionTrend, requestOpptyProducts, runtimeApi });
+    startBackgroundApplication({ messageTypes, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestConsumerTokenService, requestConsumptionTrend, requestOpptyProducts, runtimeApi });
   }
   return {
     start, contracts,
@@ -1672,6 +1752,7 @@ function createBackgroundApplication(overrides = {}) {
     authConsumerSession,
     authSpaCredentials,
     spaAccounts,
+    spaInstallBase,
     spaConsumption,
     spaResponseShapes,
     httpBackgroundJson,
diff --git a/dist/firefox/content.js b/dist/firefox/content.js
index fc36062..cf8224c 100644
--- a/dist/firefox/content.js
+++ b/dist/firefox/content.js
@@ -1,6 +1,6 @@
 (function () {
   "use strict";
-const redwoodStyles = "\n      .opportunities-extension-scroll-lock {\n        overflow: hidden !important;\n      }\n\n      .opportunities-extension-modal,\n      .opportunities-extension-modal * {\n        box-sizing: border-box;\n        font-family: \"Oracle Sans\", Arial, Helvetica, sans-serif;\n      }\n\n      .opportunities-extension-modal {\n        position: fixed;\n        inset: 0;\n        z-index: 2147483647;\n        background: #f5f4f2;\n        color: #000000;\n      }\n\n      .opportunities-extension-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-shell {\n        height: 100vh;\n        min-height: 0;\n        display: grid;\n        grid-template-rows: auto minmax(0, 1fr);\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-header {\n        position: relative;\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 24px;\n        padding: 28px 40px 22px;\n        border-bottom: 1px solid #dedbd7;\n        background:\n          linear-gradient(90deg, #8f624a 0 11%, #c74634 11% 23%, #6f5a7f 23% 36%, #00758f 36% 51%, #d4b06a 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #ffffff;\n      }\n\n      .opportunities-extension-header::before {\n        position: absolute;\n        left: 40px;\n        bottom: -1px;\n        width: 64px;\n        height: 3px;\n        background: #00758f;\n        content: \"\";\n      }\n\n      .opportunities-extension-header h1 {\n        margin: 0;\n        color: #000000;\n        font-size: 24px;\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0;\n      }\n\n      .opportunities-extension-header p {\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        line-height: 1.4;\n      }\n\n      .opportunities-extension-subtitle-row {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n        margin-top: 6px;\n      }\n\n      .opportunities-extension-auth-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        color: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-auth-badge-authenticated {\n        background: #3f6f17;\n      }\n\n      .opportunities-extension-auth-badge-unauthenticated {\n        background: #c5331f;\n      }\n\n      .opportunities-extension-auth-badge-pending {\n        background: #6f5a7f;\n      }\n\n      .opportunities-extension-products-progress {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-progress[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-cache-timestamp {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #f0eeeb;\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-cache-timestamp[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"running\"]::before {\n        width: 12px;\n        height: 12px;\n        margin-right: 6px;\n        border: 2px solid currentColor;\n        border-right-color: transparent;\n        border-radius: 50%;\n        content: \"\";\n        animation: opportunities-extension-spin .8s linear infinite;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-products-progress[data-state=\"error\"] {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      @keyframes opportunities-extension-spin {\n        to { transform: rotate(360deg); }\n      }\n\n      .opportunities-extension-icon-button {\n        width: 36px;\n        height: 36px;\n        flex: 0 0 36px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 18px;\n        font-weight: 600;\n        line-height: 1;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-header-actions {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      .opportunities-extension-icon-button svg {\n        width: 18px;\n        height: 18px;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-icon-button .opportunities-extension-settings-icon {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-icon-button:hover,\n      .opportunities-extension-icon-button:focus {\n        border-color: #b8b2ad;\n        background: #f5f4f2;\n        outline: none;\n      }\n\n      .opportunities-extension-body {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        gap: 16px;\n        padding: 22px 40px 36px;\n        background: #f5f4f2;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-form {\n        display: flex;\n        align-items: end;\n        flex-wrap: wrap;\n        gap: 24px;\n        min-height: 82px;\n        max-width: none;\n        margin: 0;\n        padding: 14px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-field {\n        display: grid;\n        max-width: max-content;\n        min-width: 270px;\n        width: max-content;\n        gap: 6px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-dashboard {\n        display: grid;\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n        gap: 12px;\n      }\n\n      .opportunities-extension-stage-dashboard-card {\n        display: grid;\n        gap: 6px;\n        min-width: 0;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-top: 3px solid #5f5a55;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-stage-dashboard-card span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-stage-dashboard-value {\n        overflow: hidden;\n        color: #312d2a;\n        font-size: 22px;\n        font-weight: 700;\n        line-height: 1.2;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #008aa6;\n      }\n\n      .opportunities-extension-total-dashboard-card {\n        border-top-color: #312d2a;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #6f6863;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #c87b00;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #755b8b;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #4b7f22;\n      }\n\n      .opportunities-extension-stage-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-stage-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-stage-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #006b84;\n        background: #006b84;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #5f5a55;\n        background: #5f5a55;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #945400;\n        background: #945400;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #624e74;\n        background: #624e74;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #3f6f17;\n        background: #3f6f17;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-status-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-status-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-status-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-status-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-customer-filter {\n        position: relative;\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 220px;\n      }\n\n      .opportunities-extension-customer-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-customer-filter-trigger {\n        position: relative;\n        min-width: 220px;\n        min-height: 44px;\n        padding: 10px 38px 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-trigger::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-top: 6px solid #312d2a;\n        border-right: 5px solid transparent;\n        border-left: 5px solid transparent;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-customer-filter-trigger:disabled {\n        cursor: not-allowed;\n        background: #f5f4f2;\n        color: #7d7772;\n      }\n\n      .opportunities-extension-customer-filter-trigger:focus-visible {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-panel {\n        position: absolute;\n        top: calc(100% + 8px);\n        left: 0;\n        z-index: 4;\n        display: grid;\n        width: min(360px, calc(100vw - 80px));\n        gap: 10px;\n        padding: 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n      }\n\n      .opportunities-extension-customer-filter-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-customer-filter-search {\n        width: 100%;\n        min-height: 40px;\n        padding: 8px 10px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-customer-filter-search:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-customer-filter-option {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-customer-filter-select-all {\n        min-height: 32px;\n        padding-bottom: 8px;\n        border-bottom: 1px solid #dedbd7;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-customer-filter-panel input[type=\"checkbox\"] {\n        width: 16px;\n        height: 16px;\n        flex: 0 0 16px;\n        accent-color: #00758f;\n      }\n\n      .opportunities-extension-customer-filter-list {\n        display: block;\n        max-height: 250px;\n        overflow: auto;\n      }\n\n      .opportunities-extension-customer-filter-option {\n        display: grid;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: start;\n        min-height: 0;\n        height: auto !important;\n        padding: 8px 4px;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-option input[type=\"checkbox\"] {\n        margin-top: 1px;\n      }\n\n      .opportunities-extension-customer-filter-option span {\n        display: block;\n        min-width: 0;\n        line-height: 18px;\n        overflow-wrap: anywhere;\n        white-space: normal;\n      }\n\n      .opportunities-extension-customer-filter-option:hover {\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-customer-filter-empty {\n        margin: 4px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-table-search-field {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        width: 260px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input {\n        width: 100%;\n        min-height: 44px;\n        padding: 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-select-wrap {\n        position: relative;\n        display: block;\n        width: 270px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-select-wrap::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 6px solid #000000;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-field select {\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        min-height: 44px;\n        box-sizing: border-box;\n        appearance: none;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #000000;\n        font-size: 14px;\n        line-height: 1.3;\n        padding: 11px 44px 11px 12px;\n      }\n\n      .opportunities-extension-field select:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-table-surface {\n        min-height: 0;\n        height: 100%;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n        overflow-x: auto;\n        overflow-y: auto;\n      }\n\n      .opportunities-extension-table {\n        width: 100%;\n        min-width: 0;\n        border-collapse: collapse;\n        table-layout: fixed;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-table thead {\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-table th {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        height: 44px;\n        border-bottom: 1px solid #b8b2ad;\n        background: #faf9f8;\n        color: #312d2a;\n        font-size: 12px;\n        font-weight: 700;\n        text-align: left;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td {\n        min-height: 48px;\n        padding: 12px 16px;\n        border-bottom: 1px solid #ebe8e5;\n        vertical-align: middle;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-table th:nth-child(1) {\n        width: 16%;\n      }\n\n      .opportunities-extension-table th:nth-child(2) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(3) {\n        width: 18%;\n      }\n\n      .opportunities-extension-table th:nth-child(4) {\n        width: 11%;\n      }\n\n      .opportunities-extension-table th:nth-child(5) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(6) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(7) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(8) {\n        width: 6%;\n      }\n\n      .opportunities-extension-table th:nth-child(9) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(10) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(11) {\n        width: 4%;\n      }\n\n      .opportunities-extension-table td:nth-child(2),\n      .opportunities-extension-table td:nth-child(5),\n      .opportunities-extension-table td:nth-child(6),\n      .opportunities-extension-table td:nth-child(8) {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .opportunities-extension-table td:nth-child(9) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(7) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(10) {\n        padding-right: 6px;\n        padding-left: 6px;\n        font-size: 12px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td:nth-child(11) {\n        padding-right: 6px;\n        padding-left: 6px;\n        text-align: center;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table tbody tr:hover {\n        background: #f7f6f4;\n      }\n\n      .opportunities-extension-table tbody tr:last-child td {\n        border-bottom: 0;\n      }\n\n      .opportunities-extension-table a {\n        color: #006b84;\n        text-decoration: underline;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 2px;\n      }\n\n      .opportunities-extension-table a:hover {\n        color: #004f63;\n      }\n\n      .opportunities-extension-opty-number-content {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-name-content {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-name-content > a {\n        min-width: 0;\n      }\n\n      .opportunities-extension-actions-content {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 4px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-products-count {\n        display: inline-grid;\n        width: auto;\n        min-width: 20px;\n        height: 20px;\n        place-items: center;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        padding: 0 3px;\n        border: 1px solid #7ca7b2;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 10px;\n        font-weight: 700;\n        line-height: 1;\n        text-align: center;\n        vertical-align: middle;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-products-count:hover,\n      .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n        outline: none;\n      }\n\n      .opportunities-extension-products-count-error {\n        border-color: #d8887e;\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-products-detail-row:hover {\n        background: transparent !important;\n      }\n\n      .opportunities-extension-products-detail-cell {\n        padding: 0 !important;\n      }\n\n      .opportunities-extension-products-detail {\n        padding: 14px 20px 18px;\n        border-bottom: 1px solid #c9c5c1;\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-products-detail-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 10px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-ai-summary {\n        box-sizing: border-box;\n        width: 100%;\n        min-width: 0;\n        margin: 0 0 12px;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 6px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.5;\n        text-align: left;\n        white-space: normal;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-ai-summary strong {\n        display: block;\n        font-size: 13px;\n        font-weight: 600;\n      }\n\n      .opportunities-extension-ai-summary p {\n        margin: 4px 0 0;\n        font: inherit;\n        white-space: pre-wrap;\n      }\n\n      .opportunities-extension-ai-summary-error {\n        color: #b42318;\n        border-color: #d9928b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary {\n        background: #292827;\n        color: #f6f4f2;\n        border-color: #5f5a55;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary-error {\n        color: #ffb4ab;\n        border-color: #a45c55;\n      }\n\n      .opportunities-extension-products-detail-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-products-detail-heading span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-products-table {\n        width: 100%;\n        table-layout: fixed;\n        border-collapse: collapse;\n        border: 1px solid #dedbd7;\n        background: #ffffff;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-products-table th,\n      .opportunities-extension-products-table td {\n        position: static;\n        height: auto;\n        padding: 8px 10px;\n        border-bottom: 1px solid #ebe8e5;\n        background: transparent;\n        overflow-wrap: anywhere;\n        vertical-align: middle;\n        white-space: normal;\n      }\n\n      .opportunities-extension-products-table th {\n        background: #faf9f8;\n        font-size: 11px;\n      }\n\n      .opportunities-extension-products-table th:nth-child(1) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(2) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(3) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(4) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(5) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(6) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(7) { width: 7%; }\n      .opportunities-extension-products-table th:nth-child(8) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(9) { width: 12%; }\n      .opportunities-extension-products-table th:nth-child(10) { width: 5%; }\n\n      .opportunities-extension-products-empty {\n        margin: 0;\n        padding: 10px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-copy-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n        width: 24px;\n        height: 24px;\n        padding: 3px;\n        border: 0;\n        border-radius: 3px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-copy-button svg {\n        width: 16px;\n        height: 16px;\n        fill: currentColor;\n      }\n\n      .opportunities-extension-copy-button:hover,\n      .opportunities-extension-copy-button:focus-visible {\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        padding: 5px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-action-button svg {\n        width: 21px;\n        height: 21px;\n      }\n\n      .opportunities-extension-action-button:hover,\n      .opportunities-extension-action-button:focus-visible {\n        border-color: #7ca7b2;\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button:disabled {\n        cursor: wait;\n        opacity: .72;\n      }\n\n      .opportunities-extension-action-button-loading svg {\n        animation: opportunities-extension-pulse 1s ease-in-out infinite;\n      }\n\n      @keyframes opportunities-extension-pulse {\n        50% { opacity: .35; }\n      }\n\n      .opportunities-extension-copy-toast {\n        position: fixed;\n        right: 28px;\n        bottom: 28px;\n        z-index: 3;\n        max-width: min(360px, calc(100vw - 56px));\n        padding: 12px 16px;\n        border-radius: 4px;\n        background: #2f6f18;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n        color: #ffffff;\n        font-size: 13px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-copy-toast-error {\n        background: #a52b1c;\n      }\n\n      .opportunities-extension-copy-toast[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-stage-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"SQL\"] {\n        background: #d9f0f5;\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"PIPELINE\"] {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"UPSIDE\"] {\n        background: #fff0d8;\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"FORECAST\"] {\n        background: #eee8f5;\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"WON\"] {\n        background: #e5f1d9;\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-status-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"OPEN\"] {\n        background: #e2f2e5;\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"CLOSED\"] {\n        background: #e5e7eb;\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"LOST\"] {\n        background: #f9e3e1;\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"WON\"] {\n        background: #e3edf8;\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-sort-button {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        width: 100%;\n        min-height: 44px;\n        padding: 8px 42px 8px 16px;\n        border: 0;\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-weight: inherit;\n        letter-spacing: 0;\n        line-height: 1.2;\n        text-align: left;\n        white-space: normal;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-table-header-label {\n        display: inline-flex;\n        align-items: center;\n        min-height: 44px;\n        padding: 8px 6px;\n      }\n\n      .opportunities-extension-sort-button::after {\n        position: absolute;\n        right: 15px;\n        color: #5f5a55;\n        content: \"↕\";\n        font-size: 16px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"ascending\"]::after {\n        color: #00758f;\n        content: \"↑\";\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"descending\"]::after {\n        color: #00758f;\n        content: \"↓\";\n      }\n\n      .opportunities-extension-sort-button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-sort-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-table-status {\n        height: 152px;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-visually-hidden {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        display: grid;\n        place-items: center;\n        padding: 24px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-preferences-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 4;\n        display: grid;\n        place-items: center;\n        padding: 12px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-account-plans-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-dialog {\n        display: grid;\n        width: min(1180px, 100%);\n        height: min(760px, calc(100vh - 24px));\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plans-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 14px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-header h2 {\n        margin: 0;\n        font-size: 20px;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-account-plans-header p {\n        margin: 5px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-account-plans-content {\n        display: grid;\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-content > .opportunities-extension-account-plans-skeleton {\n        grid-row: 1 / -1;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation {\n        position: relative;\n        min-width: 0;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation .opportunities-extension-account-plans-tab-navigation-button[hidden] {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tabs {\n        display: flex;\n        min-width: 0;\n        gap: 4px;\n        overflow-x: auto;\n        padding: 8px 20px 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-account-plans-tabs::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button {\n        display: grid;\n        position: absolute;\n        z-index: 1;\n        top: 50%;\n        width: 32px;\n        height: 32px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        box-shadow: 0 2px 6px rgba(0, 0, 0, .16);\n        transform: translateY(-50%);\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:first-child {\n        left: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:last-child {\n        right: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-account-plans-panels {\n        min-width: 0;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plan-tab {\n        min-height: 38px;\n        flex: 0 0 auto;\n        padding: 7px 12px;\n        border: 0;\n        border-bottom: 3px solid transparent;\n        background: transparent;\n        color: #5f5a55;\n        font-size: 13px;\n        font-weight: 600;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plan-tab:hover {\n        background: #f0eeeb;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #00758f;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-account-plan-tab:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-account-plan-panel {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        box-sizing: border-box;\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plan-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plan-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        margin: 0;\n      }\n\n      .opportunities-extension-account-plan-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        gap: 10px;\n        min-height: 42px;\n        align-items: center;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plan-details dt {\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-account-plan-details dd {\n        min-width: 0;\n        margin: 0;\n        color: #312d2a;\n        font-size: 13px;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-consumption-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 14px;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-trend-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 24px;\n      }\n\n      .opportunities-extension-consumption-periods {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-periods button {\n        min-height: 38px;\n        padding: 7px 14px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-periods button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #00758f;\n        background: #e7f6f8;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-periods button:focus-visible,\n      .opportunities-extension-consumption-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-consumption-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 4px;\n      }\n\n      .opportunities-extension-consumption-navigation {\n        display: grid;\n        grid-template-columns: 36px minmax(130px, auto) 36px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 40px;\n        margin-bottom: 2px;\n      }\n\n      .opportunities-extension-consumption-navigation strong {\n        color: #312d2a;\n        font-size: 13px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-navigation-button {\n        display: grid;\n        width: 36px;\n        height: 36px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-consumption-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-consumption-figure {\n        position: relative;\n        min-width: 0;\n        min-height: 0;\n        margin: 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-consumption-figure::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-consumption-visual {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 176px;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-consumption-svg {\n        display: block;\n        width: 100%;\n        height: 300px;\n        min-height: 0;\n        overflow: visible;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #dedbd7;\n        stroke-width: 1;\n        shape-rendering: crispEdges;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #5f5a55;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #312d2a;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #b77888;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #de7907;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #de7907;\n        stroke-width: 1.5;\n        stroke-dasharray: 6 6;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group {\n        cursor: default;\n        outline: none;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group rect {\n        transition: filter .16s ease, opacity .16s ease, stroke .16s ease;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        filter: brightness(1.06);\n        stroke: #312d2a;\n        stroke-width: 1.5;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-label {\n        opacity: 0;\n        animation: opportunities-extension-consumption-label-in .24s ease-out forwards;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-average {\n        opacity: 0;\n        animation: opportunities-extension-consumption-average-in .35s .32s ease-out forwards;\n      }\n\n      @keyframes opportunities-extension-consumption-label-in {\n        from { opacity: 0; transform: translateY(4px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n\n      @keyframes opportunities-extension-consumption-average-in {\n        from { opacity: 0; }\n        to { opacity: 1; }\n      }\n\n      .opportunities-extension-consumption-legend {\n        display: grid;\n        align-content: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-legend button {\n        display: grid;\n        min-width: 0;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: center;\n        gap: 8px;\n        padding: 6px 4px;\n        border: 0;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.25;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-legend button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-legend button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 1px;\n      }\n\n      .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #77726d;\n        opacity: .55;\n      }\n\n      .opportunities-extension-consumption-legend-swatch {\n        display: block;\n        width: 12px;\n        height: 12px;\n        justify-self: center;\n      }\n\n      .opportunities-extension-consumption-legend-funded {\n        background: #b77888;\n      }\n\n      .opportunities-extension-consumption-legend-overage {\n        background: #de7907;\n      }\n\n      .opportunities-extension-consumption-legend-average {\n        height: 0;\n        border-top: 2px dashed #de7907;\n      }\n\n      .opportunities-extension-consumption-tooltip {\n        position: absolute;\n        z-index: 2;\n        display: grid;\n        min-width: 190px;\n        max-width: 260px;\n        gap: 4px;\n        padding: 10px 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .2);\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.3;\n        pointer-events: none;\n      }\n\n      .opportunities-extension-consumption-tooltip[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-consumption-tooltip strong {\n        margin-bottom: 2px;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton {\n        height: 100%;\n        min-height: 0;\n        padding: 34px 62px 24px;\n        box-sizing: border-box;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot {\n        display: flex;\n        height: 100%;\n        min-height: 220px;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px;\n        border-bottom: 1px solid #dedbd7;\n        border-left: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot span {\n        width: min(38px, 6%);\n        border-radius: 2px 2px 0 0;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-consumption-chart-empty,\n      .opportunities-extension-consumption-chart-error {\n        display: grid;\n        min-height: 220px;\n        place-items: center;\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-chart-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-account-plan-status-indicator {\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #9b9691;\n        box-shadow: 0 0 0 3px #efedeb;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #3f6f17;\n        box-shadow: 0 0 0 3px #e2f2e5;\n      }\n\n      .opportunities-extension-account-plan-tab .opportunities-extension-account-plan-status-indicator {\n        margin-right: 8px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs {\n        display: flex;\n        min-height: 46px;\n        align-items: center;\n        padding: 0 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-skeleton-panel {\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tab {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        min-height: 38px;\n        padding: 0 12px;\n        border-bottom: 3px solid #00758f;\n      }\n\n      .opportunities-extension-account-plans-skeleton-status {\n        display: block;\n        width: 10px;\n        height: 10px;\n        flex: 0 0 auto;\n        border-radius: 50%;\n        background: #dedbd7;\n        box-shadow: 0 0 0 3px #efedeb;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        padding: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        align-items: center;\n        gap: 10px;\n        min-height: 42px;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plans-skeleton-bar {\n        display: block;\n        height: 12px;\n        border-radius: 3px;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs .opportunities-extension-account-plans-skeleton-bar {\n        height: 14px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-label {\n        width: 74%;\n        height: 10px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        margin: 14px 0 0;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend-header {\n        display: flex;\n        justify-content: flex-end;\n        min-height: 38px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n        height: 12px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-period-active {\n        height: 38px !important;\n        border: 1px solid #8cc8d3;\n        background: #e7f6f8;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation {\n        display: grid;\n        grid-template-columns: 32px 124px 32px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 54px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation .opportunities-extension-account-plans-skeleton-bar {\n        justify-self: center;\n      }\n\n      .opportunities-extension-account-plans-skeleton-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 150px;\n        align-items: center;\n        gap: 28px;\n        padding: 12px 14px 0 62px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot {\n        display: flex;\n        position: relative;\n        height: 300px;\n        min-height: 0;\n        box-sizing: border-box;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px 64px;\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #ebe8e5 58px, #ebe8e5 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        position: absolute;\n        display: block;\n        content: \"\";\n        background: #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before {\n        top: 0;\n        bottom: 64px;\n        left: 0;\n        width: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        right: 0;\n        bottom: 64px;\n        left: 0;\n        height: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot .opportunities-extension-account-plans-skeleton-bar {\n        width: min(38px, 7%);\n        flex: 0 1 38px;\n        border-radius: 2px 2px 0 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend {\n        display: grid;\n        align-content: center;\n        gap: 18px;\n        min-height: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend .opportunities-extension-account-plans-skeleton-bar {\n        height: 11px;\n      }\n\n      @keyframes opportunities-extension-skeleton-pulse {\n        from { opacity: .48; }\n        to { opacity: 1; }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .opportunities-extension-account-plans-skeleton-bar,\n        .opportunities-extension-consumption-chart-skeleton-plot span,\n        .opportunities-extension-consumption-svg .consumption-animated-label,\n        .opportunities-extension-consumption-svg .consumption-animated-average {\n          animation: none;\n          opacity: 1;\n        }\n      }\n\n      .opportunities-extension-account-plans-empty,\n      .opportunities-extension-account-plans-error {\n        margin: 0;\n        padding: 28px 20px;\n        color: #5f5a55;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-account-plans-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-preferences-dialog {\n        display: grid;\n        width: min(680px, 100%);\n        max-height: min(720px, calc(100vh - 48px));\n        grid-template-rows: auto minmax(0, 1fr) auto;\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-preferences-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 18px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-preferences-header h2 {\n        margin: 0;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-preferences-content {\n        min-height: 0;\n        overflow: auto;\n        padding: 20px;\n      }\n\n      .opportunities-extension-preferences-fieldset {\n        min-width: 0;\n        margin: 0;\n        padding: 0;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-fieldset legend {\n        margin-bottom: 12px;\n        padding: 0;\n        color: #312d2a;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-preferences-options {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 4px 20px;\n      }\n\n      .opportunities-extension-preferences-option {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        min-width: 0;\n        padding: 9px 8px;\n        border-radius: 4px;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.35;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-option:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-preferences-option input {\n        width: 18px;\n        height: 18px;\n        flex: 0 0 18px;\n        margin: 0;\n        accent-color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-cache-field {\n        display: grid;\n        width: min(280px, 100%);\n        gap: 6px;\n        margin-top: 24px;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-preferences-cache-field select {\n        width: 100%;\n        height: 40px;\n        padding: 0 36px 0 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-preferences-cache-field select:focus {\n        border-color: #00758f;\n        outline: 2px solid #bde7ee;\n        outline-offset: 0;\n      }\n\n      .opportunities-extension-preferences-footer {\n        display: flex;\n        justify-content: flex-end;\n        padding: 14px 20px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-button {\n        min-width: 88px;\n        min-height: 36px;\n        padding: 7px 16px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-button-primary {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-button-primary:hover,\n      .opportunities-extension-button-primary:focus-visible {\n        border-color: #005e73;\n        background: #005e73;\n        outline: none;\n      }\n\n      .opportunities-extension-debug-panel {\n        position: fixed;\n        right: 24px;\n        bottom: 24px;\n        z-index: 1;\n        width: min(640px, calc(100vw - 48px));\n        max-height: min(560px, calc(100vh - 120px));\n        overflow: auto;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .16);\n        padding: 16px;\n        color: #000000;\n      }\n\n      .opportunities-extension-debug-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-debug-panel h2 {\n        margin: 0;\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 1.25;\n      }\n\n      .opportunities-extension-debug-panel p {\n        margin: 4px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-panel-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 12px;\n      }\n\n      .opportunities-extension-debug-visibility-button {\n        width: 34px;\n        height: 34px;\n        flex: 0 0 34px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-debug-visibility-button svg {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-debug-list {\n        display: grid;\n        gap: 10px;\n      }\n\n      .opportunities-extension-debug-item {\n        border: 1px solid #dedbd7;\n        border-left-width: 4px;\n        border-radius: 4px;\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-debug-item[open] {\n        background: #ffffff;\n      }\n\n      .opportunities-extension-debug-item-success {\n        border-left-color: #3f6f17;\n      }\n\n      .opportunities-extension-debug-item-success .opportunities-extension-debug-status {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-debug-item-failed {\n        border-left-color: #c5331f;\n      }\n\n      .opportunities-extension-debug-item-failed .opportunities-extension-debug-status {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-debug-item-pending {\n        border-left-color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-item-pending .opportunities-extension-debug-status {\n        background: #eee8f2;\n        color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        min-height: 42px;\n        padding: 9px 12px 9px 10px;\n        cursor: pointer;\n        list-style: none;\n      }\n\n      .opportunities-extension-debug-heading::-webkit-details-marker {\n        display: none;\n      }\n\n      .opportunities-extension-debug-heading::before {\n        content: \"⌄\";\n        width: 14px;\n        color: #5f5a55;\n        font-size: 16px;\n        line-height: 1;\n        transform: rotate(-90deg);\n        transition: transform .15s ease;\n      }\n\n      .opportunities-extension-debug-item[open] .opportunities-extension-debug-heading::before {\n        transform: rotate(0deg);\n      }\n\n      .opportunities-extension-debug-summary-meta {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-left: auto;\n      }\n\n      .opportunities-extension-debug-http-status,\n      .opportunities-extension-debug-status {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 0 8px;\n        border-radius: 999px;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-debug-http-status {\n        background: #e8f4f6;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-debug-status {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-debug-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-item pre {\n        margin: 0;\n        padding: 8px 12px 12px;\n        color: #312d2a;\n        font-family: Consolas, \"Courier New\", monospace;\n        font-size: 12px;\n        line-height: 1.45;\n        white-space: pre-wrap;\n        word-break: break-word;\n      }\n\n      .opportunities-extension-debug-empty {\n        padding: 14px;\n        border: 1px dashed #b8b2ad;\n        border-radius: 4px;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] {\n        background: #1f1f1f;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-shell,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-body {\n        background: #1f1f1f;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header {\n        border-bottom-color: #4e4a46;\n        background:\n          linear-gradient(90deg, #a8795d 0 11%, #dd5a47 11% 23%, #876e9b 23% 36%, #00a6be 36% 51%, #dfbd76 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header h1,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-value,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dt,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-bar {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-status {\n        background: #5b5753;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-period-active {\n        border-color: #3f7580;\n        background: #23474e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot span {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator {\n        background: #8f8a85;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #7fb05b;\n        box-shadow: 0 0 0 3px #314527;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-form,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-surface,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item[open] {\n        border-color: #4e4a46;\n        background: #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-select-wrap::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger:disabled {\n        background: #292827;\n        color: #918b86;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search::placeholder,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input::placeholder {\n        color: #b5b0ab;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-fieldset legend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dd,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item pre,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel h2 {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation strong {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th {\n        border-bottom-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-footer,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs-navigation,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details > div,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-details > div {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #4e4a46 58px, #4e4a46 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::after {\n        background: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab:hover {\n        background: #3b3937;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #43c4d5;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #43c4d5;\n        background: #173e43;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:hover:not(:disabled),\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #43c4d5;\n        background: #3b3937;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:disabled,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #4e4a46;\n        color: #746f6a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        stroke: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #a8a39e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-funded {\n        background: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-overage {\n        background: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-average {\n        border-top-color: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-tooltip {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option input {\n        accent-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary {\n        border-color: #00a6be;\n        background: #008aa6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:focus-visible {\n        border-color: #43c4d5;\n        background: #006d7a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table tbody tr:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sort-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:focus {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table thead,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th {\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail {\n        border-bottom-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count {\n        border-color: #2f9bae;\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #43c4d5;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"running\"] {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #244f2e;\n        color: #a8dfb7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"error\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count-error {\n        border-color: #b13b34;\n        background: #5f2926;\n        color: #ffb4ad;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-cache-timestamp {\n        background: #3b3937;\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:focus-visible {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #d1cbc6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #ffbf62;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #d2b7e9;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #9bd46a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-total-dashboard-card {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #c0b9b3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #ffb84d;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #cba7e7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #92cf5b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #008aa6;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #6f6863;\n        background: #6f6863;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #b96e00;\n        background: #b96e00;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #755b8b;\n        background: #755b8b;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #4b7f22;\n        background: #4b7f22;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #69c985;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #c3cad3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #ff9d94;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #83bfff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item {\n        border-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button {\n        color: #f6f4f2;\n      }\n\n      @media (min-width: 1201px) and (max-width: 1450px) {\n        .opportunities-extension-table th:nth-child(1) {\n          width: 16%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 18%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 12%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 7%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 8%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 10%;\n        }\n      }\n\n      @media (max-width: 1200px) {\n        .opportunities-extension-table {\n          min-width: 1180px;\n        }\n\n        .opportunities-extension-table th:nth-child(1) {\n          width: 15%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 17%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 13%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 6%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 9%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 11%;\n        }\n      }\n\n      @media (max-width: 700px) {\n        .opportunities-extension-header {\n          padding: 24px 20px 18px;\n        }\n\n        .opportunities-extension-header::before {\n          left: 20px;\n        }\n\n        .opportunities-extension-header h1 {\n          font-size: 22px;\n        }\n\n        .opportunities-extension-header p {\n          font-size: 14px;\n        }\n\n        .opportunities-extension-body {\n          padding: 16px 20px 24px;\n        }\n\n        .opportunities-extension-form {\n          align-items: stretch;\n          flex-wrap: wrap;\n          gap: 14px;\n          min-height: auto;\n          padding: 12px;\n        }\n\n        .opportunities-extension-field {\n          max-width: none;\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-trigger {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-panel {\n          width: min(360px, calc(100vw - 64px));\n        }\n\n        .opportunities-extension-table-search-field {\n          width: 100%;\n        }\n\n        .opportunities-extension-stage-dashboard {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .opportunities-extension-stage-dashboard-value {\n          font-size: 18px;\n        }\n\n        .opportunities-extension-preferences-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-account-plans-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-preferences-dialog {\n          max-height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plans-dialog {\n          height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plan-panel {\n          padding: 12px 14px;\n        }\n\n        .opportunities-extension-account-plan-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n        }\n\n        .opportunities-extension-account-plan-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 3px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n          padding: 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 5px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-trend {\n          margin: 14px 0 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          align-items: center;\n          gap: 6px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n          width: 100% !important;\n        }\n\n        .opportunities-extension-account-plans-skeleton-chart {\n          grid-template-columns: minmax(0, 1fr);\n          gap: 12px;\n          padding: 12px 8px 0 34px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-legend {\n          display: flex;\n          min-height: 24px;\n          align-items: center;\n          justify-content: center;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-trend-header {\n          align-items: stretch;\n        }\n\n        .opportunities-extension-consumption-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          gap: 3px;\n        }\n\n        .opportunities-extension-consumption-periods button {\n          min-width: 0;\n          padding: 7px 4px;\n          font-size: 12px;\n        }\n\n        .opportunities-extension-consumption-chart {\n          min-height: 0;\n        }\n\n        .opportunities-extension-consumption-svg {\n          width: 760px;\n          height: 245px;\n        }\n\n        .opportunities-extension-consumption-visual {\n          width: 920px;\n          grid-template-columns: 760px 144px;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-figure {\n          overflow-x: auto;\n          overscroll-behavior-inline: contain;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton {\n          min-height: 0;\n          padding: 24px 18px 18px;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton-plot {\n          min-height: 180px;\n          gap: 4px;\n          padding: 0 6px;\n        }\n\n        .opportunities-extension-preferences-options {\n          grid-template-columns: 1fr;\n        }\n\n        .opportunities-extension-stage-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-status-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-table-surface {\n          min-width: 0;\n          min-height: calc(100vh - 230px);\n        }\n\n        .opportunities-extension-debug-panel {\n          right: 12px;\n          bottom: 12px;\n          width: calc(100vw - 24px);\n          max-height: calc(100vh - 96px);\n        }\n      }\n    \n/* Debug navigation only; preserve the extension's existing light/dark theme. */\n.opportunities-extension-debug-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-bottom: 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #dedbd7;\n}\n\n.opportunities-extension-debug-tabs button {\n  max-width: 100%;\n  min-height: 32px;\n  padding: 6px 8px;\n  border: 0;\n  border-bottom: 2px solid transparent;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n  cursor: pointer;\n}\n\n.opportunities-extension-debug-tabs button:hover {\n  background: #f5f4f2;\n}\n\n.opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  border-bottom-color: #00758f;\n  background: #e8f4f6;\n  color: #006b84;\n  font-weight: 700;\n}\n\n.opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline: 2px solid #00758f;\n  outline-offset: -2px;\n}\n\n.opportunities-extension-debug-time {\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.opportunities-extension-debug-heading {\n  flex-wrap: wrap;\n}\n\n.opportunities-extension-debug-heading strong {\n  flex: 1 1 180px;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-debug-summary-meta {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs {\n  border-bottom-color: #514c47;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:hover {\n  background: #383633;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  background: #173f48;\n  border-bottom-color: #8cc8d3;\n  color: #bde7ee;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline-color: #8cc8d3;\n}\n\n/* Keep layout rules on the outer table, never on expanded product tables. */\n.opportunities-extension-table[data-opportunities-layout=\"inline-actions\"] {\n  width: 100%;\n  min-width: 1120px;\n  table-layout: fixed;\n}\n\n/* Fixed table layout shares leftover width only between the two auto columns. */\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"owner\"] { width: 132px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"optyNumber\"] { width: 106px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"revenue\"] { width: 124px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"closeDate\"] { width: 100px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"status\"] { width: 114px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"winProbability\"] { width: 110px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"stage\"] { width: 94px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"lastUpdateDate\"] { width: 136px; }\n\n.opportunities-extension-table > tbody > tr > td[data-column] {\n  padding: 10px 8px;\n  overflow: visible;\n  text-overflow: clip;\n  white-space: normal;\n  font-variant-numeric: tabular-nums;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"name\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] {\n  position: relative;\n  padding-right: 16px;\n  padding-left: 12px;\n  padding-bottom: 38px;\n  vertical-align: top;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"owner\"] {\n  padding-right: 16px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"closeDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"lastUpdateDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"status\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"stage\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"winProbability\"] {\n  white-space: nowrap;\n}\n\n.opportunities-extension-cell-content {\n  display: block;\n  min-width: 0;\n  min-height: 2.7em;\n  line-height: 1.35;\n}\n\n.opportunities-extension-cell-content > :first-child {\n  display: block;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-cell-actions {\n  position: absolute;\n  left: 12px;\n  right: 16px;\n  bottom: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  height: 24px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button {\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button svg {\n  width: 18px;\n  height: 18px;\n}\n\n.opportunities-extension-cell-actions button:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  gap: 6px;\n  padding: 10px 8px;\n  align-items: center;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] .opportunities-extension-sort-button,\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] .opportunities-extension-sort-button {\n  padding-left: 12px;\n  padding-right: 16px;\n}\n\n.opportunities-extension-sort-label {\n  min-width: 0;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button::after {\n  position: static;\n  justify-self: end;\n}\n";
+const redwoodStyles = "\n      .opportunities-extension-scroll-lock {\n        overflow: hidden !important;\n      }\n\n      .opportunities-extension-modal,\n      .opportunities-extension-modal * {\n        box-sizing: border-box;\n        font-family: \"Oracle Sans\", Arial, Helvetica, sans-serif;\n      }\n\n      .opportunities-extension-modal {\n        position: fixed;\n        inset: 0;\n        z-index: 2147483647;\n        background: #f5f4f2;\n        color: #000000;\n      }\n\n      .opportunities-extension-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-shell {\n        height: 100vh;\n        min-height: 0;\n        display: grid;\n        grid-template-rows: auto minmax(0, 1fr);\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-header {\n        position: relative;\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 24px;\n        padding: 28px 40px 22px;\n        border-bottom: 1px solid #dedbd7;\n        background:\n          linear-gradient(90deg, #8f624a 0 11%, #c74634 11% 23%, #6f5a7f 23% 36%, #00758f 36% 51%, #d4b06a 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #ffffff;\n      }\n\n      .opportunities-extension-header::before {\n        position: absolute;\n        left: 40px;\n        bottom: -1px;\n        width: 64px;\n        height: 3px;\n        background: #00758f;\n        content: \"\";\n      }\n\n      .opportunities-extension-header h1 {\n        margin: 0;\n        color: #000000;\n        font-size: 24px;\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0;\n      }\n\n      .opportunities-extension-header p {\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        line-height: 1.4;\n      }\n\n      .opportunities-extension-subtitle-row {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n        margin-top: 6px;\n      }\n\n      .opportunities-extension-auth-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        color: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-auth-badge-authenticated {\n        background: #3f6f17;\n      }\n\n      .opportunities-extension-auth-badge-unauthenticated {\n        background: #c5331f;\n      }\n\n      .opportunities-extension-auth-badge-pending {\n        background: #6f5a7f;\n      }\n\n      .opportunities-extension-products-progress {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-progress[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-cache-timestamp {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 2px 8px;\n        border-radius: 999px;\n        background: #f0eeeb;\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-products-cache-timestamp[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"running\"]::before {\n        width: 12px;\n        height: 12px;\n        margin-right: 6px;\n        border: 2px solid currentColor;\n        border-right-color: transparent;\n        border-radius: 50%;\n        content: \"\";\n        animation: opportunities-extension-spin .8s linear infinite;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-products-progress[data-state=\"error\"] {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      @keyframes opportunities-extension-spin {\n        to { transform: rotate(360deg); }\n      }\n\n      .opportunities-extension-icon-button {\n        width: 36px;\n        height: 36px;\n        flex: 0 0 36px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 18px;\n        font-weight: 600;\n        line-height: 1;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-header-actions {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      .opportunities-extension-icon-button svg {\n        width: 18px;\n        height: 18px;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-icon-button .opportunities-extension-settings-icon {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-icon-button:hover,\n      .opportunities-extension-icon-button:focus {\n        border-color: #b8b2ad;\n        background: #f5f4f2;\n        outline: none;\n      }\n\n      .opportunities-extension-body {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        gap: 16px;\n        padding: 22px 40px 36px;\n        background: #f5f4f2;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-form {\n        display: flex;\n        align-items: end;\n        flex-wrap: wrap;\n        gap: 24px;\n        min-height: 82px;\n        max-width: none;\n        margin: 0;\n        padding: 14px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-field {\n        display: grid;\n        max-width: max-content;\n        min-width: 270px;\n        width: max-content;\n        gap: 6px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-dashboard {\n        display: grid;\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n        gap: 12px;\n      }\n\n      .opportunities-extension-stage-dashboard-card {\n        display: grid;\n        gap: 6px;\n        min-width: 0;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-top: 3px solid #5f5a55;\n        border-radius: 4px;\n        background: #ffffff;\n      }\n\n      .opportunities-extension-stage-dashboard-card span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-stage-dashboard-value {\n        overflow: hidden;\n        color: #312d2a;\n        font-size: 22px;\n        font-weight: 700;\n        line-height: 1.2;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #008aa6;\n      }\n\n      .opportunities-extension-total-dashboard-card {\n        border-top-color: #312d2a;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #6f6863;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #c87b00;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #755b8b;\n      }\n\n      .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #4b7f22;\n      }\n\n      .opportunities-extension-stage-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-stage-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-stage-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-stage-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #006b84;\n        background: #006b84;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #5f5a55;\n        background: #5f5a55;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #945400;\n        background: #945400;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #624e74;\n        background: #624e74;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #3f6f17;\n        background: #3f6f17;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-stage-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-status-filter {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-status-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-status-filter-controls {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .opportunities-extension-status-filter-button {\n        min-height: 36px;\n        padding: 6px 12px;\n        border: 1px solid currentColor;\n        border-radius: 18px;\n        background: #ffffff;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-status-filter-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-customer-filter {\n        position: relative;\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        min-width: 220px;\n      }\n\n      .opportunities-extension-customer-filter-label {\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-customer-filter-trigger {\n        position: relative;\n        min-width: 220px;\n        min-height: 44px;\n        padding: 10px 38px 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-trigger::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-top: 6px solid #312d2a;\n        border-right: 5px solid transparent;\n        border-left: 5px solid transparent;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-customer-filter-trigger:disabled {\n        cursor: not-allowed;\n        background: #f5f4f2;\n        color: #7d7772;\n      }\n\n      .opportunities-extension-customer-filter-trigger:focus-visible {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-panel {\n        position: absolute;\n        top: calc(100% + 8px);\n        left: 0;\n        z-index: 4;\n        display: grid;\n        width: min(360px, calc(100vw - 80px));\n        gap: 10px;\n        padding: 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n      }\n\n      .opportunities-extension-customer-filter-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-customer-filter-search {\n        width: 100%;\n        min-height: 40px;\n        padding: 8px 10px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-customer-filter-search:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-customer-filter-option {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-customer-filter-select-all {\n        min-height: 32px;\n        padding-bottom: 8px;\n        border-bottom: 1px solid #dedbd7;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-customer-filter-panel input[type=\"checkbox\"] {\n        width: 16px;\n        height: 16px;\n        flex: 0 0 16px;\n        accent-color: #00758f;\n      }\n\n      .opportunities-extension-customer-filter-list {\n        display: block;\n        max-height: 250px;\n        overflow: auto;\n      }\n\n      .opportunities-extension-customer-filter-option {\n        display: grid;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: start;\n        min-height: 0;\n        height: auto !important;\n        padding: 8px 4px;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-customer-filter-option input[type=\"checkbox\"] {\n        margin-top: 1px;\n      }\n\n      .opportunities-extension-customer-filter-option span {\n        display: block;\n        min-width: 0;\n        line-height: 18px;\n        overflow-wrap: anywhere;\n        white-space: normal;\n      }\n\n      .opportunities-extension-customer-filter-option:hover {\n        background: #f5f4f2;\n      }\n\n      .opportunities-extension-customer-filter-empty {\n        margin: 4px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-table-search-field {\n        display: grid;\n        grid-template-rows: auto 44px;\n        gap: 6px;\n        width: 260px;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input {\n        width: 100%;\n        min-height: 44px;\n        padding: 10px 12px;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-table-search-field input:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-select-wrap {\n        position: relative;\n        display: block;\n        width: 270px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-select-wrap::after {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 0;\n        height: 0;\n        border-left: 5px solid transparent;\n        border-right: 5px solid transparent;\n        border-top: 6px solid #000000;\n        content: \"\";\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n\n      .opportunities-extension-field select {\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        min-height: 44px;\n        box-sizing: border-box;\n        appearance: none;\n        border: 1px solid #b8b2ad;\n        border-radius: 3px;\n        background: #ffffff;\n        color: #000000;\n        font-size: 14px;\n        line-height: 1.3;\n        padding: 11px 44px 11px 12px;\n      }\n\n      .opportunities-extension-field select:focus {\n        border-color: #312d2a;\n        box-shadow: 0 0 0 1px #312d2a;\n        outline: none;\n      }\n\n      .opportunities-extension-table-surface {\n        min-height: 0;\n        height: 100%;\n        border: 1px solid #dedbd7;\n        border-radius: 4px;\n        background: #ffffff;\n        overflow-x: auto;\n        overflow-y: auto;\n      }\n\n      .opportunities-extension-table {\n        width: 100%;\n        min-width: 0;\n        border-collapse: collapse;\n        table-layout: fixed;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-table thead {\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-table th {\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        height: 44px;\n        border-bottom: 1px solid #b8b2ad;\n        background: #faf9f8;\n        color: #312d2a;\n        font-size: 12px;\n        font-weight: 700;\n        text-align: left;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td {\n        min-height: 48px;\n        padding: 12px 16px;\n        border-bottom: 1px solid #ebe8e5;\n        vertical-align: middle;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-table th:nth-child(1) {\n        width: 16%;\n      }\n\n      .opportunities-extension-table th:nth-child(2) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(3) {\n        width: 18%;\n      }\n\n      .opportunities-extension-table th:nth-child(4) {\n        width: 11%;\n      }\n\n      .opportunities-extension-table th:nth-child(5) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(6) {\n        width: 8%;\n      }\n\n      .opportunities-extension-table th:nth-child(7) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(8) {\n        width: 6%;\n      }\n\n      .opportunities-extension-table th:nth-child(9) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(10) {\n        width: 7%;\n      }\n\n      .opportunities-extension-table th:nth-child(11) {\n        width: 4%;\n      }\n\n      .opportunities-extension-table td:nth-child(2),\n      .opportunities-extension-table td:nth-child(5),\n      .opportunities-extension-table td:nth-child(6),\n      .opportunities-extension-table td:nth-child(8) {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .opportunities-extension-table td:nth-child(9) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(7) {\n        padding-right: 6px;\n        padding-left: 6px;\n        white-space: nowrap;\n        overflow: visible;\n      }\n\n      .opportunities-extension-table td:nth-child(10) {\n        padding-right: 6px;\n        padding-left: 6px;\n        font-size: 12px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table td:nth-child(11) {\n        padding-right: 6px;\n        padding-left: 6px;\n        text-align: center;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-table tbody tr:hover {\n        background: #f7f6f4;\n      }\n\n      .opportunities-extension-table tbody tr:last-child td {\n        border-bottom: 0;\n      }\n\n      .opportunities-extension-table a {\n        color: #006b84;\n        text-decoration: underline;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 2px;\n      }\n\n      .opportunities-extension-table a:hover {\n        color: #004f63;\n      }\n\n      .opportunities-extension-opty-number-content {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        max-width: 100%;\n      }\n\n      .opportunities-extension-name-content {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n      }\n\n      .opportunities-extension-name-content > a {\n        min-width: 0;\n      }\n\n      .opportunities-extension-actions-content {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 4px;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-products-count {\n        display: inline-grid;\n        width: auto;\n        min-width: 20px;\n        height: 20px;\n        place-items: center;\n        flex: 0 0 auto;\n        box-sizing: border-box;\n        padding: 0 3px;\n        border: 1px solid #7ca7b2;\n        border-radius: 999px;\n        background: #e8f4f6;\n        color: #006d7a;\n        font-size: 10px;\n        font-weight: 700;\n        line-height: 1;\n        text-align: center;\n        vertical-align: middle;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-products-count:hover,\n      .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n        outline: none;\n      }\n\n      .opportunities-extension-products-count-error {\n        border-color: #d8887e;\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-products-detail-row:hover {\n        background: transparent !important;\n      }\n\n      .opportunities-extension-products-detail-cell {\n        padding: 0 !important;\n      }\n\n      .opportunities-extension-products-detail {\n        padding: 14px 20px 18px;\n        border-bottom: 1px solid #c9c5c1;\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-products-detail-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 10px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-ai-summary {\n        box-sizing: border-box;\n        width: 100%;\n        min-width: 0;\n        margin: 0 0 12px;\n        padding: 12px 16px;\n        border: 1px solid #dedbd7;\n        border-radius: 6px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 13px;\n        line-height: 1.5;\n        text-align: left;\n        white-space: normal;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-ai-summary strong {\n        display: block;\n        font-size: 13px;\n        font-weight: 600;\n      }\n\n      .opportunities-extension-ai-summary p {\n        margin: 4px 0 0;\n        font: inherit;\n        white-space: pre-wrap;\n      }\n\n      .opportunities-extension-ai-summary-error {\n        color: #b42318;\n        border-color: #d9928b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary {\n        background: #292827;\n        color: #f6f4f2;\n        border-color: #5f5a55;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-ai-summary-error {\n        color: #ffb4ab;\n        border-color: #a45c55;\n      }\n\n      .opportunities-extension-products-detail-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-products-detail-heading span {\n        color: #5f5a55;\n        font-size: 11px;\n        font-weight: 600;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-products-table {\n        width: 100%;\n        table-layout: fixed;\n        border-collapse: collapse;\n        border: 1px solid #dedbd7;\n        background: #ffffff;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-products-table th,\n      .opportunities-extension-products-table td {\n        position: static;\n        height: auto;\n        padding: 8px 10px;\n        border-bottom: 1px solid #ebe8e5;\n        background: transparent;\n        overflow-wrap: anywhere;\n        vertical-align: middle;\n        white-space: normal;\n      }\n\n      .opportunities-extension-products-table th {\n        background: #faf9f8;\n        font-size: 11px;\n      }\n\n      .opportunities-extension-products-table th:nth-child(1) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(2) { width: 16%; }\n      .opportunities-extension-products-table th:nth-child(3) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(4) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(5) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(6) { width: 8%; }\n      .opportunities-extension-products-table th:nth-child(7) { width: 7%; }\n      .opportunities-extension-products-table th:nth-child(8) { width: 10%; }\n      .opportunities-extension-products-table th:nth-child(9) { width: 12%; }\n      .opportunities-extension-products-table th:nth-child(10) { width: 5%; }\n\n      .opportunities-extension-products-empty {\n        margin: 0;\n        padding: 10px 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-copy-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n        width: 24px;\n        height: 24px;\n        padding: 3px;\n        border: 0;\n        border-radius: 3px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-copy-button svg {\n        width: 16px;\n        height: 16px;\n        fill: currentColor;\n      }\n\n      .opportunities-extension-copy-button:hover,\n      .opportunities-extension-copy-button:focus-visible {\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 32px;\n        height: 32px;\n        padding: 5px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-action-button svg {\n        width: 21px;\n        height: 21px;\n      }\n\n      .opportunities-extension-action-button:hover,\n      .opportunities-extension-action-button:focus-visible {\n        border-color: #7ca7b2;\n        background: #e8f4f6;\n        color: #004f63;\n        outline: none;\n      }\n\n      .opportunities-extension-action-button:disabled {\n        cursor: wait;\n        opacity: .72;\n      }\n\n      .opportunities-extension-action-button-loading svg {\n        animation: opportunities-extension-pulse 1s ease-in-out infinite;\n      }\n\n      @keyframes opportunities-extension-pulse {\n        50% { opacity: .35; }\n      }\n\n      .opportunities-extension-copy-toast {\n        position: fixed;\n        right: 28px;\n        bottom: 28px;\n        z-index: 3;\n        max-width: min(360px, calc(100vw - 56px));\n        padding: 12px 16px;\n        border-radius: 4px;\n        background: #2f6f18;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .18);\n        color: #ffffff;\n        font-size: 13px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-copy-toast-error {\n        background: #a52b1c;\n      }\n\n      .opportunities-extension-copy-toast[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-stage-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"SQL\"] {\n        background: #d9f0f5;\n        color: #006b84;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"PIPELINE\"] {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"UPSIDE\"] {\n        background: #fff0d8;\n        color: #945400;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"FORECAST\"] {\n        background: #eee8f5;\n        color: #624e74;\n      }\n\n      .opportunities-extension-stage-badge[data-stage=\"WON\"] {\n        background: #e5f1d9;\n        color: #3f6f17;\n      }\n\n      .opportunities-extension-status-badge {\n        display: inline-flex;\n        align-items: center;\n        min-height: 24px;\n        padding: 3px 8px;\n        border-radius: 12px;\n        background: #ebe8e5;\n        color: #312d2a;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n        white-space: nowrap;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"OPEN\"] {\n        background: #e2f2e5;\n        color: #197a3d;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"CLOSED\"] {\n        background: #e5e7eb;\n        color: #4b5563;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"LOST\"] {\n        background: #f9e3e1;\n        color: #b13b34;\n      }\n\n      .opportunities-extension-status-badge[data-status=\"WON\"] {\n        background: #e3edf8;\n        color: #1f5f99;\n      }\n\n      .opportunities-extension-sort-button {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        width: 100%;\n        min-height: 44px;\n        padding: 8px 42px 8px 16px;\n        border: 0;\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-weight: inherit;\n        letter-spacing: 0;\n        line-height: 1.2;\n        text-align: left;\n        white-space: normal;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-table-header-label {\n        display: inline-flex;\n        align-items: center;\n        min-height: 44px;\n        padding: 8px 6px;\n      }\n\n      .opportunities-extension-sort-button::after {\n        position: absolute;\n        right: 15px;\n        color: #5f5a55;\n        content: \"↕\";\n        font-size: 16px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"ascending\"]::after {\n        color: #00758f;\n        content: \"↑\";\n      }\n\n      .opportunities-extension-sort-button[data-sort-direction=\"descending\"]::after {\n        color: #00758f;\n        content: \"↓\";\n      }\n\n      .opportunities-extension-sort-button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-sort-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-table-status {\n        height: 152px;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-visually-hidden {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        display: grid;\n        place-items: center;\n        padding: 24px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-preferences-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-modal {\n        position: absolute;\n        inset: 0;\n        z-index: 4;\n        display: grid;\n        place-items: center;\n        padding: 12px;\n        background: rgba(0, 0, 0, .42);\n      }\n\n      .opportunities-extension-account-plans-modal[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plans-dialog {\n        display: grid;\n        width: min(1180px, 100%);\n        height: min(760px, calc(100vh - 24px));\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plans-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 14px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-header h2 {\n        margin: 0;\n        font-size: 20px;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-account-plans-header p {\n        margin: 5px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n        line-height: 1.35;\n      }\n\n      .opportunities-extension-account-plans-content {\n        display: grid;\n        min-width: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        grid-template-columns: minmax(0, 1fr);\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-content > .opportunities-extension-account-plans-skeleton {\n        grid-row: 1 / -1;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation {\n        position: relative;\n        min-width: 0;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-tabs-navigation .opportunities-extension-account-plans-tab-navigation-button[hidden] {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tabs {\n        display: flex;\n        min-width: 0;\n        gap: 4px;\n        overflow-x: auto;\n        padding: 8px 20px 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-account-plans-tabs::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button {\n        display: grid;\n        position: absolute;\n        z-index: 1;\n        top: 50%;\n        width: 32px;\n        height: 32px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        box-shadow: 0 2px 6px rgba(0, 0, 0, .16);\n        transform: translateY(-50%);\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:first-child {\n        left: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:last-child {\n        right: 8px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-account-plans-tab-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-account-plans-panels {\n        min-width: 0;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plan-tab {\n        min-height: 38px;\n        flex: 0 0 auto;\n        padding: 7px 12px;\n        border: 0;\n        border-bottom: 3px solid transparent;\n        background: transparent;\n        color: #5f5a55;\n        font-size: 13px;\n        font-weight: 600;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-account-plan-tab:hover {\n        background: #f0eeeb;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #00758f;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-account-plan-tab:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: -2px;\n      }\n\n      .opportunities-extension-account-plan-panel {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        box-sizing: border-box;\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plan-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-account-plan-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        margin: 0;\n      }\n\n      .opportunities-extension-account-plan-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        gap: 10px;\n        min-height: 42px;\n        align-items: center;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plan-details dt {\n        color: #5f5a55;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-account-plan-details dd {\n        min-width: 0;\n        margin: 0;\n        color: #312d2a;\n        font-size: 13px;\n        overflow-wrap: anywhere;\n      }\n\n      .opportunities-extension-consumption-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 14px;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-trend-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 24px;\n      }\n\n      .opportunities-extension-consumption-periods {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-periods button {\n        min-height: 38px;\n        padding: 7px 14px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 13px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-periods button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #00758f;\n        background: #e7f6f8;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-periods button:focus-visible,\n      .opportunities-extension-consumption-navigation-button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 2px;\n      }\n\n      .opportunities-extension-consumption-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        margin-top: 4px;\n      }\n\n      .opportunities-extension-consumption-navigation {\n        display: grid;\n        grid-template-columns: 36px minmax(130px, auto) 36px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 40px;\n        margin-bottom: 2px;\n      }\n\n      .opportunities-extension-consumption-navigation strong {\n        color: #312d2a;\n        font-size: 13px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-navigation-button {\n        display: grid;\n        width: 36px;\n        height: 36px;\n        place-items: center;\n        padding: 0;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-navigation-button:hover:not(:disabled) {\n        border-color: #00758f;\n        background: #f0eeeb;\n        color: #005e73;\n      }\n\n      .opportunities-extension-consumption-navigation-button:disabled {\n        border-color: #dedbd7;\n        color: #b8b2ad;\n        cursor: default;\n      }\n\n      .opportunities-extension-consumption-navigation-button svg {\n        width: 18px;\n        height: 18px;\n      }\n\n      .opportunities-extension-consumption-figure {\n        position: relative;\n        min-width: 0;\n        min-height: 0;\n        margin: 0;\n        scrollbar-width: none;\n      }\n\n      .opportunities-extension-consumption-figure::-webkit-scrollbar {\n        display: none;\n      }\n\n      .opportunities-extension-consumption-visual {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 176px;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-consumption-svg {\n        display: block;\n        width: 100%;\n        height: 300px;\n        min-height: 0;\n        overflow: visible;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #dedbd7;\n        stroke-width: 1;\n        shape-rendering: crispEdges;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #5f5a55;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #312d2a;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #b77888;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #de7907;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #de7907;\n        stroke-width: 1.5;\n        stroke-dasharray: 6 6;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group {\n        cursor: default;\n        outline: none;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group rect {\n        transition: filter .16s ease, opacity .16s ease, stroke .16s ease;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        filter: brightness(1.06);\n        stroke: #312d2a;\n        stroke-width: 1.5;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-label {\n        opacity: 0;\n        animation: opportunities-extension-consumption-label-in .24s ease-out forwards;\n      }\n\n      .opportunities-extension-consumption-svg .consumption-animated-average {\n        opacity: 0;\n        animation: opportunities-extension-consumption-average-in .35s .32s ease-out forwards;\n      }\n\n      @keyframes opportunities-extension-consumption-label-in {\n        from { opacity: 0; transform: translateY(4px); }\n        to { opacity: 1; transform: translateY(0); }\n      }\n\n      @keyframes opportunities-extension-consumption-average-in {\n        from { opacity: 0; }\n        to { opacity: 1; }\n      }\n\n      .opportunities-extension-consumption-legend {\n        display: grid;\n        align-content: center;\n        gap: 4px;\n      }\n\n      .opportunities-extension-consumption-legend button {\n        display: grid;\n        min-width: 0;\n        grid-template-columns: 16px minmax(0, 1fr);\n        align-items: center;\n        gap: 8px;\n        padding: 6px 4px;\n        border: 0;\n        border-radius: 4px;\n        background: transparent;\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.25;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-consumption-legend button:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-consumption-legend button:focus-visible {\n        outline: 2px solid #00758f;\n        outline-offset: 1px;\n      }\n\n      .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #77726d;\n        opacity: .55;\n      }\n\n      .opportunities-extension-consumption-legend-swatch {\n        display: block;\n        width: 12px;\n        height: 12px;\n        justify-self: center;\n      }\n\n      .opportunities-extension-consumption-legend-funded {\n        background: #b77888;\n      }\n\n      .opportunities-extension-consumption-legend-overage {\n        background: #de7907;\n      }\n\n      .opportunities-extension-consumption-legend-average {\n        height: 0;\n        border-top: 2px dashed #de7907;\n      }\n\n      .opportunities-extension-consumption-tooltip {\n        position: absolute;\n        z-index: 2;\n        display: grid;\n        min-width: 190px;\n        max-width: 260px;\n        gap: 4px;\n        padding: 10px 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, .2);\n        color: #312d2a;\n        font-size: 12px;\n        line-height: 1.3;\n        pointer-events: none;\n      }\n\n      .opportunities-extension-consumption-tooltip[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-consumption-tooltip strong {\n        margin-bottom: 2px;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton {\n        height: 100%;\n        min-height: 0;\n        padding: 34px 62px 24px;\n        box-sizing: border-box;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot {\n        display: flex;\n        height: 100%;\n        min-height: 220px;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px;\n        border-bottom: 1px solid #dedbd7;\n        border-left: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-consumption-chart-skeleton-plot span {\n        width: min(38px, 6%);\n        border-radius: 2px 2px 0 0;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-consumption-chart-empty,\n      .opportunities-extension-consumption-chart-error {\n        display: grid;\n        min-height: 220px;\n        place-items: center;\n        margin: 0;\n        color: #5f5a55;\n        font-size: 14px;\n        text-align: center;\n      }\n\n      .opportunities-extension-consumption-chart-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-account-plan-status-indicator {\n        display: inline-block;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: #9b9691;\n        box-shadow: 0 0 0 3px #efedeb;\n        vertical-align: middle;\n      }\n\n      .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #3f6f17;\n        box-shadow: 0 0 0 3px #e2f2e5;\n      }\n\n      .opportunities-extension-account-plan-tab .opportunities-extension-account-plan-status-indicator {\n        margin-right: 8px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs {\n        display: flex;\n        min-height: 46px;\n        align-items: center;\n        padding: 0 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton {\n        display: grid;\n        height: 100%;\n        min-height: 0;\n        grid-template-rows: auto minmax(0, 1fr);\n        overflow: hidden;\n      }\n\n      .opportunities-extension-account-plans-skeleton-panel {\n        padding: 16px 20px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tab {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        min-height: 38px;\n        padding: 0 12px;\n        border-bottom: 3px solid #00758f;\n      }\n\n      .opportunities-extension-account-plans-skeleton-status {\n        display: block;\n        width: 10px;\n        height: 10px;\n        flex: 0 0 auto;\n        border-radius: 50%;\n        background: #dedbd7;\n        box-shadow: 0 0 0 3px #efedeb;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 0 24px;\n        padding: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-details > div {\n        display: grid;\n        grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);\n        align-items: center;\n        gap: 10px;\n        min-height: 42px;\n        padding: 7px 0;\n        border-bottom: 1px solid #ebe8e5;\n      }\n\n      .opportunities-extension-account-plans-skeleton-bar {\n        display: block;\n        height: 12px;\n        border-radius: 3px;\n        background: #dedbd7;\n        animation: opportunities-extension-skeleton-pulse 1.15s ease-in-out infinite alternate;\n      }\n\n      .opportunities-extension-account-plans-skeleton-tabs .opportunities-extension-account-plans-skeleton-bar {\n        height: 14px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-label {\n        width: 74%;\n        height: 10px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend {\n        display: grid;\n        min-height: 0;\n        grid-template-rows: auto auto minmax(0, 1fr);\n        margin: 14px 0 0;\n        padding-top: 12px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-trend-header {\n        display: flex;\n        justify-content: flex-end;\n        min-height: 38px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n        height: 12px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-period-active {\n        height: 38px !important;\n        border: 1px solid #8cc8d3;\n        background: #e7f6f8;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation {\n        display: grid;\n        grid-template-columns: 32px 124px 32px;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        min-height: 54px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-navigation .opportunities-extension-account-plans-skeleton-bar {\n        justify-self: center;\n      }\n\n      .opportunities-extension-account-plans-skeleton-chart {\n        display: grid;\n        min-height: 0;\n        grid-template-columns: minmax(0, 1fr) 150px;\n        align-items: center;\n        gap: 28px;\n        padding: 12px 14px 0 62px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot {\n        display: flex;\n        position: relative;\n        height: 300px;\n        min-height: 0;\n        box-sizing: border-box;\n        align-items: flex-end;\n        justify-content: space-around;\n        gap: 12px;\n        padding: 0 14px 64px;\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #ebe8e5 58px, #ebe8e5 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        position: absolute;\n        display: block;\n        content: \"\";\n        background: #dedbd7;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::before {\n        top: 0;\n        bottom: 64px;\n        left: 0;\n        width: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot::after {\n        right: 0;\n        bottom: 64px;\n        left: 0;\n        height: 1px;\n      }\n\n      .opportunities-extension-account-plans-skeleton-plot .opportunities-extension-account-plans-skeleton-bar {\n        width: min(38px, 7%);\n        flex: 0 1 38px;\n        border-radius: 2px 2px 0 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend {\n        display: grid;\n        align-content: center;\n        gap: 18px;\n        min-height: 0;\n      }\n\n      .opportunities-extension-account-plans-skeleton-legend .opportunities-extension-account-plans-skeleton-bar {\n        height: 11px;\n      }\n\n      @keyframes opportunities-extension-skeleton-pulse {\n        from { opacity: .48; }\n        to { opacity: 1; }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .opportunities-extension-account-plans-skeleton-bar,\n        .opportunities-extension-consumption-chart-skeleton-plot span,\n        .opportunities-extension-consumption-svg .consumption-animated-label,\n        .opportunities-extension-consumption-svg .consumption-animated-average {\n          animation: none;\n          opacity: 1;\n        }\n      }\n\n      .opportunities-extension-account-plans-empty,\n      .opportunities-extension-account-plans-error {\n        margin: 0;\n        padding: 28px 20px;\n        color: #5f5a55;\n        font-size: 14px;\n      }\n\n      .opportunities-extension-account-plans-error {\n        color: #9f2d20;\n      }\n\n      .opportunities-extension-preferences-dialog {\n        display: grid;\n        width: min(680px, 100%);\n        max-height: min(720px, calc(100vh - 48px));\n        grid-template-rows: auto minmax(0, 1fr) auto;\n        overflow: hidden;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);\n        color: #312d2a;\n      }\n\n      .opportunities-extension-preferences-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 16px;\n        padding: 18px 20px;\n        border-bottom: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-preferences-header h2 {\n        margin: 0;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 1.2;\n      }\n\n      .opportunities-extension-preferences-content {\n        min-height: 0;\n        overflow: auto;\n        padding: 20px;\n      }\n\n      .opportunities-extension-preferences-fieldset {\n        min-width: 0;\n        margin: 0;\n        padding: 0;\n        border: 0;\n      }\n\n      .opportunities-extension-preferences-fieldset legend {\n        margin-bottom: 12px;\n        padding: 0;\n        color: #312d2a;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.3;\n      }\n\n      .opportunities-extension-preferences-options {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 4px 20px;\n      }\n\n      .opportunities-extension-preferences-option {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        min-width: 0;\n        padding: 9px 8px;\n        border-radius: 4px;\n        color: #312d2a;\n        font-size: 14px;\n        line-height: 1.35;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-option:hover {\n        background: #f0eeeb;\n      }\n\n      .opportunities-extension-preferences-option input {\n        width: 18px;\n        height: 18px;\n        flex: 0 0 18px;\n        margin: 0;\n        accent-color: #00758f;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-preferences-cache-field {\n        display: grid;\n        width: min(280px, 100%);\n        gap: 6px;\n        margin-top: 24px;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 700;\n      }\n\n      .opportunities-extension-preferences-cache-field select {\n        width: 100%;\n        height: 40px;\n        padding: 0 36px 0 12px;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        color: #312d2a;\n        font-size: 14px;\n        font-weight: 400;\n      }\n\n      .opportunities-extension-preferences-cache-field select:focus {\n        border-color: #00758f;\n        outline: 2px solid #bde7ee;\n        outline-offset: 0;\n      }\n\n      .opportunities-extension-preferences-footer {\n        display: flex;\n        justify-content: flex-end;\n        padding: 14px 20px;\n        border-top: 1px solid #dedbd7;\n      }\n\n      .opportunities-extension-button {\n        min-width: 88px;\n        min-height: 36px;\n        padding: 7px 16px;\n        border: 1px solid transparent;\n        border-radius: 4px;\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.2;\n        cursor: pointer;\n      }\n\n      .opportunities-extension-button-primary {\n        border-color: #00758f;\n        background: #00758f;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-button-primary:hover,\n      .opportunities-extension-button-primary:focus-visible {\n        border-color: #005e73;\n        background: #005e73;\n        outline: none;\n      }\n\n      .opportunities-extension-debug-panel {\n        position: fixed;\n        right: 24px;\n        bottom: 24px;\n        z-index: 1;\n        width: min(640px, calc(100vw - 48px));\n        max-height: min(560px, calc(100vh - 120px));\n        overflow: auto;\n        border: 1px solid #8f8a85;\n        border-radius: 4px;\n        background: #ffffff;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .16);\n        padding: 16px;\n        color: #000000;\n      }\n\n      .opportunities-extension-debug-panel[hidden] {\n        display: none !important;\n      }\n\n      .opportunities-extension-debug-panel h2 {\n        margin: 0;\n        font-size: 18px;\n        font-weight: 700;\n        line-height: 1.25;\n      }\n\n      .opportunities-extension-debug-panel p {\n        margin: 4px 0 0;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-panel-header {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 12px;\n        margin-bottom: 12px;\n      }\n\n      .opportunities-extension-debug-visibility-button {\n        width: 34px;\n        height: 34px;\n        flex: 0 0 34px;\n        color: #312d2a;\n      }\n\n      .opportunities-extension-debug-visibility-button svg {\n        width: 20px;\n        height: 20px;\n      }\n\n      .opportunities-extension-debug-list {\n        display: grid;\n        gap: 10px;\n      }\n\n      .opportunities-extension-debug-item {\n        border: 1px solid #dedbd7;\n        border-left-width: 4px;\n        border-radius: 4px;\n        background: #faf9f8;\n      }\n\n      .opportunities-extension-debug-item[open] {\n        background: #ffffff;\n      }\n\n      .opportunities-extension-debug-item-success {\n        border-left-color: #3f6f17;\n      }\n\n      .opportunities-extension-debug-item-success .opportunities-extension-debug-status {\n        background: #e2f2e5;\n        color: #356d19;\n      }\n\n      .opportunities-extension-debug-item-failed {\n        border-left-color: #c5331f;\n      }\n\n      .opportunities-extension-debug-item-failed .opportunities-extension-debug-status {\n        background: #f9e3e1;\n        color: #a52b1c;\n      }\n\n      .opportunities-extension-debug-item-pending {\n        border-left-color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-item-pending .opportunities-extension-debug-status {\n        background: #eee8f2;\n        color: #6f5a7f;\n      }\n\n      .opportunities-extension-debug-heading {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n        min-height: 42px;\n        padding: 9px 12px 9px 10px;\n        cursor: pointer;\n        list-style: none;\n      }\n\n      .opportunities-extension-debug-heading::-webkit-details-marker {\n        display: none;\n      }\n\n      .opportunities-extension-debug-heading::before {\n        content: \"⌄\";\n        width: 14px;\n        color: #5f5a55;\n        font-size: 16px;\n        line-height: 1;\n        transform: rotate(-90deg);\n        transition: transform .15s ease;\n      }\n\n      .opportunities-extension-debug-item[open] .opportunities-extension-debug-heading::before {\n        transform: rotate(0deg);\n      }\n\n      .opportunities-extension-debug-summary-meta {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-left: auto;\n      }\n\n      .opportunities-extension-debug-http-status,\n      .opportunities-extension-debug-status {\n        display: inline-flex;\n        align-items: center;\n        min-height: 22px;\n        padding: 0 8px;\n        border-radius: 999px;\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1;\n        text-transform: uppercase;\n      }\n\n      .opportunities-extension-debug-http-status {\n        background: #e8f4f6;\n        color: #006d7a;\n      }\n\n      .opportunities-extension-debug-status {\n        background: #ebe8e5;\n        color: #5f5a55;\n      }\n\n      .opportunities-extension-debug-heading strong {\n        font-size: 13px;\n      }\n\n      .opportunities-extension-debug-item pre {\n        margin: 0;\n        padding: 8px 12px 12px;\n        color: #312d2a;\n        font-family: Consolas, \"Courier New\", monospace;\n        font-size: 12px;\n        line-height: 1.45;\n        white-space: pre-wrap;\n        word-break: break-word;\n      }\n\n      .opportunities-extension-debug-empty {\n        padding: 14px;\n        border: 1px dashed #b8b2ad;\n        border-radius: 4px;\n        color: #5f5a55;\n        font-size: 13px;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] {\n        background: #1f1f1f;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-shell,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-body {\n        background: #1f1f1f;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header {\n        border-bottom-color: #4e4a46;\n        background:\n          linear-gradient(90deg, #a8795d 0 11%, #dd5a47 11% 23%, #876e9b 23% 36%, #00a6be 36% 51%, #dfbd76 51% 63%, transparent 63% 100%) top left / 100% 6px no-repeat,\n          #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header h1,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-value,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading span,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-empty,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dt,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel p,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-error {\n        color: #ffb4a8;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-bar {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-status {\n        background: #5b5753;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-period-active {\n        border-color: #3f7580;\n        background: #23474e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot span {\n        background: #5b5753;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator {\n        background: #8f8a85;\n        box-shadow: 0 0 0 3px #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-status-indicator[data-active=\"true\"] {\n        background: #7fb05b;\n        box-shadow: 0 0 0 3px #314527;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-form,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-surface,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-dialog,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item[open] {\n        border-color: #4e4a46;\n        background: #292827;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field select,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-select-wrap::after {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-trigger:disabled {\n        background: #292827;\n        color: #918b86;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-search::placeholder,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table-search-field input::placeholder {\n        color: #b5b0ab;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header h2,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-fieldset legend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-cache-field,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details dd,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item pre,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel h2 {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation strong {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-empty {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-select-all,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th {\n        border-bottom-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-footer,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-header,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs-navigation,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-details > div,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-tabs,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-details > div {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-chart-skeleton-plot,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-trend,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        border-color: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot {\n        background: repeating-linear-gradient(to bottom, transparent 0, transparent 58px, #4e4a46 58px, #4e4a46 59px) left top / 100% 236px no-repeat;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::before,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-skeleton-plot::after {\n        background: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab {\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab:hover {\n        background: #3b3937;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plan-tab[aria-selected=\"true\"] {\n        border-bottom-color: #43c4d5;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-periods button[aria-pressed=\"true\"] {\n        border-color: #43c4d5;\n        background: #173e43;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:hover:not(:disabled),\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:hover:not(:disabled) {\n        border-color: #43c4d5;\n        background: #3b3937;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-navigation-button:disabled,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-account-plans-tab-navigation-button:disabled {\n        border-color: #4e4a46;\n        color: #746f6a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-grid-line {\n        stroke: #4e4a46;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-axis-label,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-x-label {\n        fill: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-value-label {\n        fill: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-funded {\n        fill: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-overage {\n        fill: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-average-line {\n        stroke: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:hover rect,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-svg .consumption-bar-group:focus rect {\n        stroke: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button {\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend button[aria-pressed=\"false\"] {\n        color: #a8a39e;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-funded {\n        background: #ca8798;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-overage {\n        background: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-legend-average {\n        border-top-color: #f09a32;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-consumption-tooltip {\n        border-color: #6a6560;\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option:hover {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-preferences-option input {\n        accent-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary {\n        border-color: #00a6be;\n        background: #008aa6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-button-primary:focus-visible {\n        border-color: #43c4d5;\n        background: #006d7a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-filter-option:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table tbody tr:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sort-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button:focus {\n        background: #3b3937;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table thead,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th {\n        background: #333130;\n        color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-detail {\n        border-bottom-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table th,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-table td {\n        border-bottom-color: #3f3c39;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count {\n        border-color: #2f9bae;\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count[aria-expanded=\"true\"] {\n        border-color: #43c4d5;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"running\"] {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete\"] {\n        background: #244f2e;\n        color: #a8dfb7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"complete-with-errors\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-progress[data-state=\"error\"],\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-count-error {\n        border-color: #b13b34;\n        background: #5f2926;\n        color: #ffb4ad;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-cache-timestamp {\n        background: #3b3937;\n        color: #c9c5c1;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-table a:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-copy-button:focus-visible,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:hover,\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-action-button:focus-visible {\n        background: #1d4e55;\n        color: #91e4ed;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"SQL\"] {\n        color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"PIPELINE\"] {\n        color: #d1cbc6;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"UPSIDE\"] {\n        color: #ffbf62;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"FORECAST\"] {\n        color: #d2b7e9;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[data-stage=\"WON\"] {\n        color: #9bd46a;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"SQL\"] {\n        border-top-color: #43c4d5;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-total-dashboard-card {\n        border-top-color: #f6f4f2;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"PIPELINE\"] {\n        border-top-color: #c0b9b3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"UPSIDE\"] {\n        border-top-color: #ffb84d;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"FORECAST\"] {\n        border-top-color: #cba7e7;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-dashboard-card[data-stage=\"WON\"] {\n        border-top-color: #92cf5b;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"SQL\"] {\n        border-color: #008aa6;\n        background: #008aa6;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"PIPELINE\"] {\n        border-color: #6f6863;\n        background: #6f6863;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"UPSIDE\"] {\n        border-color: #b96e00;\n        background: #b96e00;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"FORECAST\"] {\n        border-color: #755b8b;\n        background: #755b8b;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-stage-filter-button[aria-pressed=\"true\"][data-stage=\"WON\"] {\n        border-color: #4b7f22;\n        background: #4b7f22;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"OPEN\"] {\n        color: #69c985;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"CLOSED\"] {\n        color: #c3cad3;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"LOST\"] {\n        color: #ff9d94;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[data-status=\"WON\"] {\n        color: #83bfff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"OPEN\"] {\n        border-color: #197a3d;\n        background: #197a3d;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"CLOSED\"] {\n        border-color: #4b5563;\n        background: #4b5563;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"LOST\"] {\n        border-color: #b13b34;\n        background: #b13b34;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-status-filter-button[aria-pressed=\"true\"][data-status=\"WON\"] {\n        border-color: #1f5f99;\n        background: #1f5f99;\n        color: #ffffff;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-item {\n        border-color: #4e4a46;\n        background: #252423;\n      }\n\n      .opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-icon-button {\n        color: #f6f4f2;\n      }\n\n      @media (min-width: 1201px) and (max-width: 1450px) {\n        .opportunities-extension-table th:nth-child(1) {\n          width: 16%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 18%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 12%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 7%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 8%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 10%;\n        }\n      }\n\n      @media (max-width: 1200px) {\n        .opportunities-extension-table {\n          min-width: 1180px;\n        }\n\n        .opportunities-extension-table th:nth-child(1) {\n          width: 15%;\n        }\n\n        .opportunities-extension-table th:nth-child(3) {\n          width: 17%;\n        }\n\n        .opportunities-extension-table th:nth-child(4) {\n          width: 13%;\n        }\n\n        .opportunities-extension-table th:nth-child(6) {\n          width: 6%;\n        }\n\n        .opportunities-extension-table th:nth-child(7) {\n          width: 9%;\n        }\n\n        .opportunities-extension-table th:nth-child(10) {\n          width: 11%;\n        }\n      }\n\n      @media (max-width: 700px) {\n        .opportunities-extension-header {\n          padding: 24px 20px 18px;\n        }\n\n        .opportunities-extension-header::before {\n          left: 20px;\n        }\n\n        .opportunities-extension-header h1 {\n          font-size: 22px;\n        }\n\n        .opportunities-extension-header p {\n          font-size: 14px;\n        }\n\n        .opportunities-extension-body {\n          padding: 16px 20px 24px;\n        }\n\n        .opportunities-extension-form {\n          align-items: stretch;\n          flex-wrap: wrap;\n          gap: 14px;\n          min-height: auto;\n          padding: 12px;\n        }\n\n        .opportunities-extension-field {\n          max-width: none;\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-trigger {\n          width: 100%;\n        }\n\n        .opportunities-extension-customer-filter-panel {\n          width: min(360px, calc(100vw - 64px));\n        }\n\n        .opportunities-extension-table-search-field {\n          width: 100%;\n        }\n\n        .opportunities-extension-stage-dashboard {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .opportunities-extension-stage-dashboard-value {\n          font-size: 18px;\n        }\n\n        .opportunities-extension-preferences-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-account-plans-modal {\n          padding: 12px;\n        }\n\n        .opportunities-extension-preferences-dialog {\n          max-height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plans-dialog {\n          height: calc(100vh - 24px);\n        }\n\n        .opportunities-extension-account-plan-panel {\n          padding: 12px 14px;\n        }\n\n        .opportunities-extension-account-plan-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n        }\n\n        .opportunities-extension-account-plan-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 3px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n          gap: 0 14px;\n          padding: 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-details > div {\n          grid-template-columns: 1fr;\n          align-content: center;\n          gap: 5px;\n          min-height: 54px;\n          padding: 5px 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-trend {\n          margin: 14px 0 0;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          align-items: center;\n          gap: 6px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-periods .opportunities-extension-account-plans-skeleton-bar {\n          width: 100% !important;\n        }\n\n        .opportunities-extension-account-plans-skeleton-chart {\n          grid-template-columns: minmax(0, 1fr);\n          gap: 12px;\n          padding: 12px 8px 0 34px;\n        }\n\n        .opportunities-extension-account-plans-skeleton-legend {\n          display: flex;\n          min-height: 24px;\n          align-items: center;\n          justify-content: center;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-trend-header {\n          align-items: stretch;\n        }\n\n        .opportunities-extension-consumption-periods {\n          display: grid;\n          grid-template-columns: repeat(4, minmax(0, 1fr));\n          gap: 3px;\n        }\n\n        .opportunities-extension-consumption-periods button {\n          min-width: 0;\n          padding: 7px 4px;\n          font-size: 12px;\n        }\n\n        .opportunities-extension-consumption-chart {\n          min-height: 0;\n        }\n\n        .opportunities-extension-consumption-svg {\n          width: 760px;\n          height: 245px;\n        }\n\n        .opportunities-extension-consumption-visual {\n          width: 920px;\n          grid-template-columns: 760px 144px;\n          gap: 12px;\n        }\n\n        .opportunities-extension-consumption-figure {\n          overflow-x: auto;\n          overscroll-behavior-inline: contain;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton {\n          min-height: 0;\n          padding: 24px 18px 18px;\n        }\n\n        .opportunities-extension-consumption-chart-skeleton-plot {\n          min-height: 180px;\n          gap: 4px;\n          padding: 0 6px;\n        }\n\n        .opportunities-extension-preferences-options {\n          grid-template-columns: 1fr;\n        }\n\n        .opportunities-extension-stage-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-status-filter-controls {\n          gap: 6px;\n        }\n\n        .opportunities-extension-table-surface {\n          min-width: 0;\n          min-height: calc(100vh - 230px);\n        }\n\n        .opportunities-extension-debug-panel {\n          right: 12px;\n          bottom: 12px;\n          width: calc(100vw - 24px);\n          max-height: calc(100vh - 96px);\n        }\n      }\n    \n/* Debug navigation only; preserve the extension's existing light/dark theme. */\n.opportunities-extension-debug-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-bottom: 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #dedbd7;\n}\n\n.opportunities-extension-debug-tabs button {\n  max-width: 100%;\n  min-height: 32px;\n  padding: 6px 8px;\n  border: 0;\n  border-bottom: 2px solid transparent;\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.35;\n  overflow-wrap: anywhere;\n  cursor: pointer;\n}\n\n.opportunities-extension-debug-tabs button:hover {\n  background: #f5f4f2;\n}\n\n.opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  border-bottom-color: #00758f;\n  background: #e8f4f6;\n  color: #006b84;\n  font-weight: 700;\n}\n\n.opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline: 2px solid #00758f;\n  outline-offset: -2px;\n}\n\n.opportunities-extension-debug-time {\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.opportunities-extension-debug-heading {\n  flex-wrap: wrap;\n}\n\n.opportunities-extension-debug-heading strong {\n  flex: 1 1 180px;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-debug-summary-meta {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs {\n  border-bottom-color: #514c47;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:hover {\n  background: #383633;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button[aria-selected=\"true\"] {\n  background: #173f48;\n  border-bottom-color: #8cc8d3;\n  color: #bde7ee;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-tabs button:focus-visible,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-list[role=\"tabpanel\"]:focus-visible {\n  outline-color: #8cc8d3;\n}\n\n/* Keep layout rules on the outer table, never on expanded product tables. */\n.opportunities-extension-table[data-opportunities-layout=\"inline-actions\"] {\n  width: 100%;\n  min-width: 1120px;\n  table-layout: fixed;\n}\n\n/* Fixed table layout shares leftover width only between the two auto columns. */\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] { width: auto; }\n.opportunities-extension-table > thead > tr > th[data-column=\"owner\"] { width: 132px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"optyNumber\"] { width: 106px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"revenue\"] { width: 124px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"closeDate\"] { width: 100px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"status\"] { width: 114px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"winProbability\"] { width: 110px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"stage\"] { width: 94px; }\n.opportunities-extension-table > thead > tr > th[data-column=\"lastUpdateDate\"] { width: 136px; }\n\n.opportunities-extension-table > tbody > tr > td[data-column] {\n  padding: 10px 8px;\n  overflow: visible;\n  text-overflow: clip;\n  white-space: normal;\n  font-variant-numeric: tabular-nums;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"name\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] {\n  position: relative;\n  padding-right: 16px;\n  padding-left: 12px;\n  padding-bottom: 38px;\n  vertical-align: top;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"owner\"] {\n  padding-right: 16px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"closeDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"lastUpdateDate\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"status\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"stage\"],\n.opportunities-extension-table > tbody > tr > td[data-column=\"winProbability\"] {\n  white-space: nowrap;\n}\n\n.opportunities-extension-cell-content {\n  display: block;\n  min-width: 0;\n  min-height: 2.7em;\n  line-height: 1.35;\n}\n\n.opportunities-extension-cell-content > :first-child {\n  display: block;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-cell-actions {\n  position: absolute;\n  left: 12px;\n  right: 16px;\n  bottom: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  height: 24px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button {\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-cell-actions .opportunities-extension-action-button svg {\n  width: 18px;\n  height: 18px;\n}\n\n.opportunities-extension-cell-actions button:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  gap: 6px;\n  padding: 10px 8px;\n  align-items: center;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column=\"name\"] .opportunities-extension-sort-button,\n.opportunities-extension-table > thead > tr > th[data-column=\"customer\"] .opportunities-extension-sort-button {\n  padding-left: 12px;\n  padding-right: 16px;\n}\n\n.opportunities-extension-sort-label {\n  min-width: 0;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n.opportunities-extension-table > thead > tr > th[data-column] .opportunities-extension-sort-button::after {\n  position: static;\n  justify-self: end;\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {\n  width: min(1700px, 100%);\n}\n.opportunities-extension-install-base-content {\n  min-width: 0;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-gutter: stable;\n}\n.opportunities-extension-install-base-message { margin: 16px; font-size: 13px; }\n.opportunities-extension-install-base-table {\n  width: 100%; min-width: 1400px; table-layout: fixed; border-collapse: collapse; font-size: 12px;\n}\n.opportunities-extension-install-base-table col { width: 7%; }\n.opportunities-extension-install-base-table .install-base-col-partyName { width: 12%; }\n.opportunities-extension-install-base-table .install-base-col-productGroupName { width: 13%; }\n.opportunities-extension-install-base-table .install-base-col-productName { width: 13%; }\n.opportunities-extension-install-base-table .install-base-col-quantity { width: 5%; }\n.opportunities-extension-install-base-table .install-base-col-quantityType { width: 8%; }\n.opportunities-extension-install-base-table th,\n.opportunities-extension-install-base-table td {\n  padding: 12px 8px; text-align: left; vertical-align: middle; overflow-wrap: anywhere;\n  border-bottom: 1px solid #e8e5e1; line-height: 1.4;\n}\n.opportunities-extension-install-base-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }\n.opportunities-extension-install-base-table td[data-format=\"amount\"],\n.opportunities-extension-install-base-table td[data-format=\"quantity\"] { text-align: right; font-variant-numeric: tabular-nums; }\n.opportunities-extension-install-base-table td[data-format=\"date\"] { white-space: nowrap; }\n.opportunities-extension-install-base-status {\n  display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;\n  color: #5f5a55; background: #eceae8; white-space: nowrap;\n}\n.opportunities-extension-install-base-status[data-status=\"ACTIVE\"] { color: #17693a; background: #e1f1e5; }\n.opportunities-extension-install-base-status[data-status=\"UNSUPPORTED\"] { color: #855300; background: #fff0d6; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table th { background: #353331; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table td { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-status { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-status[data-status=\"ACTIVE\"] { color: #b8e4c6; background: #214d34; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-status[data-status=\"UNSUPPORTED\"] { color: #ffdfa2; background: #614418; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-install-base-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }\n}\n";
 // Source: src/shared/messages.js
 /** Stable wire names. All payloads remain plain, serializable objects. */
 function createMessageTypes() {
@@ -12,6 +12,7 @@ function createMessageTypes() {
     opptyProductsRequestDebug: "opportunitiesExtension.opptyProductsRequestDebug",
     requestConsumerTokenService: "opportunitiesExtension.requestConsumerTokenService",
     requestAccountPlans: "opportunitiesExtension.requestAccountPlans",
+    requestInstallBase: "opportunitiesExtension.requestInstallBase",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend"
   });
 }
@@ -392,6 +393,7 @@ function createContentModal({
   applyTheme,
   authSessionState,
   closeAccountPlansModal,
+  closeInstallBaseModal,
   closeCustomerFilterPanel,
   closeOwnerFilterPanel,
   closePreferencesModal,
@@ -798,6 +800,7 @@ function createContentModal({
     if (modal) {
       closePreferencesModal();
       closeAccountPlansModal();
+      closeInstallBaseModal();
       modal.hidden = true;
     }
 
@@ -826,6 +829,10 @@ function createContentModal({
       }
 
       if (event.key === "Escape") {
+        if (closeInstallBaseModal()) {
+          event.preventDefault();
+          return;
+        }
         const accountPlansModal = document.getElementById(ACCOUNT_PLANS_MODAL_ID);
 
         if (accountPlansModal && !accountPlansModal.hidden) {
@@ -1825,6 +1832,7 @@ function createOpportunitiesTable({
   OPPORTUNITIES_TABLE_ID,
   OPPORTUNITY_DETAIL_URL,
   createCloudConsumptionButton,
+  createInstallBaseButton,
   createCopyOpportunityButton,
   createDetailLink,
   createProductsCountButton,
@@ -1969,7 +1977,7 @@ function createOpportunitiesTable({
             );
             const customerActions = document.createElement("span");
             customerActions.className = "opportunities-extension-cell-actions";
-            customerActions.append(createCloudConsumptionButton(item));
+        customerActions.append(createCloudConsumptionButton(item), createInstallBaseButton(item));
             customerCellContent.append(customerLink, customerActions);
             cell.append(customerCellContent);
           } else {
@@ -3643,6 +3651,189 @@ function createConsumptionPlansAction({
   return { createCloudConsumptionButton, createCloudConsumptionIcon };
 }
 
+// Source: src/features/install-base/action.js
+function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce, sendRuntimeMessage,
+  appendBackgroundRequestLog, openInstallBaseModal, environment }) {
+  const { document } = environment;
+  const pending = new Map();
+
+  async function load(partyNumber) {
+    const authorizations = await requestConsumerTokenServiceOnce();
+    const response = await sendRuntimeMessage({
+      type: messageTypes.requestInstallBase, partyNumber,
+      authorizations: { accountSummary: authorizations.accountSummary, installBase: authorizations.installBase }
+    });
+    appendBackgroundRequestLog(response?.debugRequests);
+    if (!response?.ok) throw new Error(response?.error || "Unable to load installed base.");
+    return response.items;
+  }
+
+  function createInstallBaseButton(opportunity) {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "opportunities-extension-action-button";
+    button.title = "View customer installed base";
+    button.setAttribute("aria-label", `View installed base for ${opportunity.CustomerAccount?.PartyUniqueName || "customer"}`);
+    const icon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    icon.setAttribute("viewBox", "0 0 24 24");
+    icon.setAttribute("aria-hidden", "true");
+    icon.setAttribute("focusable", "false");
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", "M4 3h16v7H4z M4 14h16v7H4z M7 6.5h.01 M7 17.5h.01 M11 6.5h6 M11 17.5h6 M8 10v4 M16 10v4");
+    path.setAttribute("fill", "none");
+    path.setAttribute("stroke", "currentColor");
+    path.setAttribute("stroke-width", "1.7");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    icon.append(path);
+    button.append(icon);
+    button.addEventListener("click", async () => {
+      const view = openInstallBaseModal(opportunity, button);
+      const partyNumber = String(opportunity.CustomerAccount?.PartyNumber || "");
+      try {
+        if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
+        if (!pending.has(partyNumber)) {
+          const request = load(partyNumber).finally(() => pending.delete(partyNumber));
+          pending.set(partyNumber, request);
+        }
+        view.render(await pending.get(partyNumber));
+      } catch (error) {
+        view.render([], error.message || "Unable to load installed base.");
+      }
+    });
+    return button;
+  }
+  return { createInstallBaseButton };
+}
+
+// Source: src/features/install-base/view.js
+function createInstallBaseView({ MODAL_ID, createCloseIcon, formatOracleResponseDate, environment }) {
+  const { document } = environment;
+  let active = null;
+  const columns = [
+    ["partyName", "Customer"], ["productGroupName", "Product Group"], ["productName", "Product"],
+    ["currentSupport", "Current Support", "amount"], ["orderNumber", "Order Number"],
+    ["supportStatus", "Support Status", "status"], ["quantityType", "Quantity Type"],
+    ["quantity", "Quantity", "quantity"], ["supportStartDate", "Support Start Date", "date"],
+    ["supportEndDate", "Support End Date", "date"], ["licenseValue", "License Value", "amount"],
+    ["shipDate", "Ship Date", "date"]
+  ];
+  function element(tag, className, text) {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (text !== undefined) node.textContent = text;
+    return node;
+  }
+  function closeInstallBaseModal() {
+    if (!active) return false;
+    const previous = active;
+    active = null;
+    previous.modal.remove();
+    if (previous.trigger?.isConnected) previous.trigger.focus();
+    return true;
+  }
+  function createTable(items, loading = false) {
+    const table = element("table", "opportunities-extension-install-base-table");
+    table.setAttribute("aria-label", "Installed base items");
+    const head = element("thead");
+    const header = element("tr");
+    const group = element("colgroup");
+    columns.forEach(([key, label]) => {
+      const col = element("col");
+      col.className = `install-base-col-${key}`;
+      group.append(col);
+      const th = element("th", "", label);
+      th.scope = "col";
+      header.append(th);
+    });
+    head.append(header);
+    const body = element("tbody");
+    (loading ? Array.from({ length: 8 }, () => ({})) : items).forEach(item => {
+      const row = element("tr");
+      columns.forEach(([key, , type]) => {
+        const cell = element("td");
+        if (loading) {
+          const bar = element("span", "opportunities-extension-account-plans-skeleton-bar");
+          bar.setAttribute("aria-hidden", "true");
+          cell.append(bar);
+        } else {
+          const value = item[key];
+          const missing = value === null || value === undefined || value === "";
+          let text = missing ? "-" : String(value).trim();
+          if (!missing && type === "date") text = formatOracleResponseDate(value);
+          if (!missing && (type === "amount" || type === "quantity") && Number.isFinite(Number(value))) {
+            text = new Intl.NumberFormat("en-US", {
+              minimumFractionDigits: type === "amount" ? 2 : 0, maximumFractionDigits: type === "amount" ? 2 : 4
+            }).format(Number(value));
+          }
+          if (type === "status") {
+            const badge = element("span", "opportunities-extension-install-base-status", text);
+            badge.dataset.status = text.toUpperCase();
+            cell.append(badge);
+          } else cell.textContent = text;
+          if (type) cell.dataset.format = type;
+        }
+        row.append(cell);
+      });
+      body.append(row);
+    });
+    table.append(group, head, body);
+    return table;
+  }
+  function openInstallBaseModal(opportunity, trigger) {
+    closeInstallBaseModal();
+    const overlay = document.getElementById(MODAL_ID);
+    if (!overlay || overlay.hidden) return { render() {} };
+    const modal = element("section", "opportunities-extension-account-plans-modal");
+    modal.setAttribute("role", "dialog");
+    modal.setAttribute("aria-modal", "true");
+    modal.setAttribute("aria-busy", "true");
+    modal.setAttribute("aria-labelledby", "opportunities-extension-install-base-title");
+    const dialog = element("div", "opportunities-extension-account-plans-dialog opportunities-extension-install-base-dialog");
+    const header = element("header", "opportunities-extension-account-plans-header");
+    const heading = element("div");
+    const title = element("h2", "", "Installed Base");
+    title.id = "opportunities-extension-install-base-title";
+    heading.append(title, element("p", "", opportunity.CustomerAccount?.PartyUniqueName || "Customer"));
+    const close = element("button", "opportunities-extension-icon-button");
+    close.type = "button";
+    close.title = "Close";
+    close.setAttribute("aria-label", "Close installed base");
+    close.append(createCloseIcon());
+    close.addEventListener("click", closeInstallBaseModal);
+    header.append(heading, close);
+    const content = element("div", "opportunities-extension-install-base-content");
+    content.tabIndex = 0;
+    content.setAttribute("role", "region");
+    content.setAttribute("aria-label", "Installed base results");
+    const status = element("p", "opportunities-extension-install-base-message", "Loading installed base...");
+    status.setAttribute("role", "status");
+    content.append(status, createTable([], true));
+    dialog.append(header, content);
+    modal.append(dialog);
+    overlay.append(modal);
+    active = { modal, trigger };
+    modal.addEventListener("keydown", event => {
+      if (event.key === "Tab") {
+        event.preventDefault();
+        (document.activeElement === close ? content : close).focus();
+      }
+    });
+    close.focus();
+    return { render(items, error = "") {
+      // A closed or replaced dialog must never receive a late response.
+      if (active?.modal !== modal || overlay.hidden) return;
+      modal.setAttribute("aria-busy", "false");
+      content.textContent = "";
+      status.textContent = error || (items.length ? `${items.length} installed base items` : "No installed base items found for this customer.");
+      status.setAttribute("role", error ? "alert" : "status");
+      content.append(status);
+      if (!error && items.length) content.append(createTable(items));
+    } };
+  }
+  return { openInstallBaseModal, closeInstallBaseModal, createTable };
+}
+
 // Source: src/features/consumption/plans-view.js
 function createConsumptionPlansView({
   ACCOUNT_PLANS_MODAL_ID,
@@ -4937,7 +5128,7 @@ function createDebugContentView({
   const categories = [
     ["all", "All"], ["authentication", "Authentication"],
     ["opportunities", "Opportunities"], ["products", "Products"],
-    ["ai", "AI"], ["consumption", "Consumption"], ["other", "Other"]
+    ["ai", "AI"], ["consumption", "Consumption"], ["installBase", "Installed Base"], ["other", "Other"]
   ];
   let selectedCategory = "all";
   const expandedIds = new Set();
@@ -4947,6 +5138,7 @@ function createDebugContentView({
     if (entry.name === "requestOpportunities") return "opportunities";
     if (entry.name === "requestOpptyProducts") return "products";
     if (entry.name === "requestGenerateAiSummary") return "ai";
+    if (entry.name === "requestInstallBase") return "installBase";
     if (/^request(?:AccountSummary|AccountPlans|ConsumptionService)/.test(entry.name)) return "consumption";
     return "other";
   }
@@ -5273,6 +5465,7 @@ function createContentApplication(overrides = {}) {
     applyTheme: (...args) => contentTheme.applyTheme(...args),
     authSessionState,
     closeAccountPlansModal: (...args) => consumptionPlansView.closeAccountPlansModal(...args),
+    closeInstallBaseModal: (...args) => installBaseView.closeInstallBaseModal(...args),
     closeCustomerFilterPanel: (...args) => opportunitiesFilters.closeCustomerFilterPanel(...args),
     closeOwnerFilterPanel: (...args) => opportunitiesFilters.closeOwnerFilterPanel(...args),
     closePreferencesModal: (...args) => preferencesView.closePreferencesModal(...args),
@@ -5394,6 +5587,7 @@ function createContentApplication(overrides = {}) {
     OPPORTUNITIES_TABLE_ID: contracts.OPPORTUNITIES_TABLE_ID,
     OPPORTUNITY_DETAIL_URL: contracts.OPPORTUNITY_DETAIL_URL,
     createCloudConsumptionButton: (...args) => consumptionPlansAction.createCloudConsumptionButton(...args),
+    createInstallBaseButton: (...args) => installBaseAction.createInstallBaseButton(...args),
     createCopyOpportunityButton: (...args) => opportunitiesLinks.createCopyOpportunityButton(...args),
     createDetailLink: (...args) => opportunitiesLinks.createDetailLink(...args),
     createProductsCountButton: (...args) => productsDetails.createProductsCountButton(...args),
@@ -5514,6 +5708,20 @@ function createContentApplication(overrides = {}) {
     requestTokenRelaySalesCommon: (...args) => authSalesCommon.requestTokenRelaySalesCommon(...args),
     environment
   });
+  const installBaseView = createInstallBaseView({
+    MODAL_ID: contracts.MODAL_ID,
+    createCloseIcon: (...args) => contentIcons.createCloseIcon(...args),
+    formatOracleResponseDate: (...args) => opportunitiesFormatters.formatOracleResponseDate(...args),
+    environment
+  });
+  const installBaseAction = createInstallBaseAction({
+    messageTypes,
+    requestConsumerTokenServiceOnce: (...args) => authContentSession.requestConsumerTokenServiceOnce(...args),
+    sendRuntimeMessage: (...args) => platformContentMessages.sendRuntimeMessage(...args),
+    appendBackgroundRequestLog: (...args) => debugContentLog.appendBackgroundRequestLog(...args),
+    openInstallBaseModal: (...args) => installBaseView.openInstallBaseModal(...args),
+    environment
+  });
   const consumptionPlansAction = createConsumptionPlansAction({
     messageTypes,
     appendBackgroundRequestLog: (...args) => debugContentLog.appendBackgroundRequestLog(...args),
@@ -5622,6 +5830,8 @@ function createContentApplication(overrides = {}) {
     productsDetails,
     aiSummaryContent,
     consumptionPlansAction,
+    installBaseAction,
+    installBaseView,
     consumptionPlansView,
     consumptionTrendController,
     consumptionChart,
diff --git a/scripts/compose.cjs b/scripts/compose.cjs
index 004729d..802dfb2 100644
--- a/scripts/compose.cjs
+++ b/scripts/compose.cjs
@@ -16,7 +16,7 @@ function composeScript(target, { bootstrap = true } = {}) {
     return `// Source: ${file}\n${source}`;
   });
   if (target === "content") {
-    const css = ["src/content/styles/redwood.css", "src/features/debug/styles.css", "src/features/opportunities/styles.css"]
+    const css = ["src/content/styles/redwood.css", "src/features/debug/styles.css", "src/features/opportunities/styles.css", "src/features/install-base/styles.css"]
       .map(file => fs.readFileSync(path.join(root, file), "utf8")).join("\n");
     parts.unshift(`const redwoodStyles = ${JSON.stringify(css)};`);
   }
diff --git a/scripts/sources.cjs b/scripts/sources.cjs
index d172b2f..7d20039 100644
--- a/scripts/sources.cjs
+++ b/scripts/sources.cjs
@@ -40,6 +40,8 @@ module.exports = {
     "src/features/products/details.js",
     "src/features/ai-summary/content.js",
     "src/features/consumption/plans-action.js",
+    "src/features/install-base/action.js",
+    "src/features/install-base/view.js",
     "src/features/consumption/plans-view.js",
     "src/features/consumption/trend-controller.js",
     "src/features/consumption/chart.js",
@@ -56,6 +58,7 @@ module.exports = {
     "src/auth/consumer-session.js",
     "src/auth/spa-credentials.js",
     "src/services/spa/accounts.js",
+    "src/services/spa/install-base.js",
     "src/services/spa/consumption.js",
     "src/services/spa/response-shapes.js",
     "src/services/http/background-json.js",
diff --git a/src/auth/consumer-session.js b/src/auth/consumer-session.js
index b9df814..0f94a58 100644
--- a/src/auth/consumer-session.js
+++ b/src/auth/consumer-session.js
@@ -58,7 +58,8 @@ function createAuthConsumerSession({
         ok: true,
         authorizations: {
           accountSummary: accountSummaryAuthorization,
-          accountPlans: accountPlansAuthorization
+          accountPlans: accountPlansAuthorization,
+          installBase: extractTokenServiceAuthorization(tokenResponse, "SAIB-TS", "")
         },
         debugRequests
       };
diff --git a/src/background/application.js b/src/background/application.js
index 105c80e..7f3ce5b 100644
--- a/src/background/application.js
+++ b/src/background/application.js
@@ -34,6 +34,12 @@ function createBackgroundApplication(overrides = {}) {
     findAccountPlanId: (...args) => spaResponseShapes.findAccountPlanId(...args),
     normalizeMessageAuthorization: (...args) => authSpaCredentials.normalizeMessageAuthorization(...args)
   });
+  const spaInstallBase = createSpaInstallBase({
+    ACCOUNT_SUMMARY_URL: contracts.ACCOUNT_SUMMARY_URL,
+    fetchJson: (...args) => httpBackgroundJson.fetchJson(...args),
+    findNestedObject: (...args) => spaResponseShapes.findNestedObject(...args),
+    normalizeMessageAuthorization: (...args) => authSpaCredentials.normalizeMessageAuthorization(...args)
+  });
   const spaConsumption = createSpaConsumption({
     CONSUMPTION_TREND_REQUESTS: contracts.CONSUMPTION_TREND_REQUESTS,
     CONSUMPTION_TREND_URL: contracts.CONSUMPTION_TREND_URL,
@@ -97,12 +103,13 @@ function createBackgroundApplication(overrides = {}) {
   const getXsrfTokenCookie = (...args) => authXsrfCookies.getXsrfTokenCookie(...args);
   const refreshXsrfCookie = (...args) => authXsrfRecovery.refreshXsrfCookie(...args);
   const requestAccountPlans = (...args) => spaAccounts.requestAccountPlans(...args);
+  const requestInstallBase = (...args) => spaInstallBase.requestInstallBase(...args);
   const requestConsumerTokenService = (...args) => authConsumerSession.requestConsumerTokenService(...args);
   const requestConsumptionTrend = (...args) => spaConsumption.requestConsumptionTrend(...args);
   const requestOpptyProducts = (...args) => productsBackgroundJobs.requestOpptyProducts(...args);
   const runtimeApi = environment.browser || environment.chrome;
   function start() {
-    startBackgroundApplication({ messageTypes, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestConsumerTokenService, requestConsumptionTrend, requestOpptyProducts, runtimeApi });
+    startBackgroundApplication({ messageTypes, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestConsumerTokenService, requestConsumptionTrend, requestOpptyProducts, runtimeApi });
   }
   return {
     start, contracts,
@@ -110,6 +117,7 @@ function createBackgroundApplication(overrides = {}) {
     authConsumerSession,
     authSpaCredentials,
     spaAccounts,
+    spaInstallBase,
     spaConsumption,
     spaResponseShapes,
     httpBackgroundJson,
diff --git a/src/background/messages.js b/src/background/messages.js
index 297b5ee..793204b 100644
--- a/src/background/messages.js
+++ b/src/background/messages.js
@@ -4,6 +4,7 @@ function registerBackgroundMessages({
   getXsrfTokenCookie,
   refreshXsrfCookie,
   requestAccountPlans,
+  requestInstallBase,
   requestConsumerTokenService,
   requestConsumptionTrend,
   requestOpptyProducts,
@@ -83,6 +84,14 @@ runtimeApi.runtime.onMessage.addListener((message, sender, sendResponse) => {
       return true;
     }
 
+    if (message.type === messageTypes.requestInstallBase) {
+      requestInstallBase(message).then(sendResponse).catch(error => sendResponse({
+        ok: false, error: error.message || "Unable to load installed base.",
+        debugRequests: Array.isArray(error.debugRequests) ? error.debugRequests : []
+      }));
+      return true;
+    }
+
     if (message.type === messageTypes.requestAccountPlans) {
       requestAccountPlans(message)
         .then(sendResponse)
diff --git a/src/content/application.js b/src/content/application.js
index e7cf363..011a87c 100644
--- a/src/content/application.js
+++ b/src/content/application.js
@@ -76,6 +76,7 @@ function createContentApplication(overrides = {}) {
     applyTheme: (...args) => contentTheme.applyTheme(...args),
     authSessionState,
     closeAccountPlansModal: (...args) => consumptionPlansView.closeAccountPlansModal(...args),
+    closeInstallBaseModal: (...args) => installBaseView.closeInstallBaseModal(...args),
     closeCustomerFilterPanel: (...args) => opportunitiesFilters.closeCustomerFilterPanel(...args),
     closeOwnerFilterPanel: (...args) => opportunitiesFilters.closeOwnerFilterPanel(...args),
     closePreferencesModal: (...args) => preferencesView.closePreferencesModal(...args),
@@ -197,6 +198,7 @@ function createContentApplication(overrides = {}) {
     OPPORTUNITIES_TABLE_ID: contracts.OPPORTUNITIES_TABLE_ID,
     OPPORTUNITY_DETAIL_URL: contracts.OPPORTUNITY_DETAIL_URL,
     createCloudConsumptionButton: (...args) => consumptionPlansAction.createCloudConsumptionButton(...args),
+    createInstallBaseButton: (...args) => installBaseAction.createInstallBaseButton(...args),
     createCopyOpportunityButton: (...args) => opportunitiesLinks.createCopyOpportunityButton(...args),
     createDetailLink: (...args) => opportunitiesLinks.createDetailLink(...args),
     createProductsCountButton: (...args) => productsDetails.createProductsCountButton(...args),
@@ -317,6 +319,20 @@ function createContentApplication(overrides = {}) {
     requestTokenRelaySalesCommon: (...args) => authSalesCommon.requestTokenRelaySalesCommon(...args),
     environment
   });
+  const installBaseView = createInstallBaseView({
+    MODAL_ID: contracts.MODAL_ID,
+    createCloseIcon: (...args) => contentIcons.createCloseIcon(...args),
+    formatOracleResponseDate: (...args) => opportunitiesFormatters.formatOracleResponseDate(...args),
+    environment
+  });
+  const installBaseAction = createInstallBaseAction({
+    messageTypes,
+    requestConsumerTokenServiceOnce: (...args) => authContentSession.requestConsumerTokenServiceOnce(...args),
+    sendRuntimeMessage: (...args) => platformContentMessages.sendRuntimeMessage(...args),
+    appendBackgroundRequestLog: (...args) => debugContentLog.appendBackgroundRequestLog(...args),
+    openInstallBaseModal: (...args) => installBaseView.openInstallBaseModal(...args),
+    environment
+  });
   const consumptionPlansAction = createConsumptionPlansAction({
     messageTypes,
     appendBackgroundRequestLog: (...args) => debugContentLog.appendBackgroundRequestLog(...args),
@@ -425,6 +441,8 @@ function createContentApplication(overrides = {}) {
     productsDetails,
     aiSummaryContent,
     consumptionPlansAction,
+    installBaseAction,
+    installBaseView,
     consumptionPlansView,
     consumptionTrendController,
     consumptionChart,
diff --git a/src/content/modal.js b/src/content/modal.js
index 1724c9d..ae15833 100644
--- a/src/content/modal.js
+++ b/src/content/modal.js
@@ -26,6 +26,7 @@ function createContentModal({
   applyTheme,
   authSessionState,
   closeAccountPlansModal,
+  closeInstallBaseModal,
   closeCustomerFilterPanel,
   closeOwnerFilterPanel,
   closePreferencesModal,
@@ -432,6 +433,7 @@ function createContentModal({
     if (modal) {
       closePreferencesModal();
       closeAccountPlansModal();
+      closeInstallBaseModal();
       modal.hidden = true;
     }
 
@@ -460,6 +462,10 @@ function createContentModal({
       }
 
       if (event.key === "Escape") {
+        if (closeInstallBaseModal()) {
+          event.preventDefault();
+          return;
+        }
         const accountPlansModal = document.getElementById(ACCOUNT_PLANS_MODAL_ID);
 
         if (accountPlansModal && !accountPlansModal.hidden) {
diff --git a/src/features/debug/content-view.js b/src/features/debug/content-view.js
index 8861f59..a04f9f5 100644
--- a/src/features/debug/content-view.js
+++ b/src/features/debug/content-view.js
@@ -11,7 +11,7 @@ function createDebugContentView({
   const categories = [
     ["all", "All"], ["authentication", "Authentication"],
     ["opportunities", "Opportunities"], ["products", "Products"],
-    ["ai", "AI"], ["consumption", "Consumption"], ["other", "Other"]
+    ["ai", "AI"], ["consumption", "Consumption"], ["installBase", "Installed Base"], ["other", "Other"]
   ];
   let selectedCategory = "all";
   const expandedIds = new Set();
@@ -21,6 +21,7 @@ function createDebugContentView({
     if (entry.name === "requestOpportunities") return "opportunities";
     if (entry.name === "requestOpptyProducts") return "products";
     if (entry.name === "requestGenerateAiSummary") return "ai";
+    if (entry.name === "requestInstallBase") return "installBase";
     if (/^request(?:AccountSummary|AccountPlans|ConsumptionService)/.test(entry.name)) return "consumption";
     return "other";
   }
diff --git a/src/features/install-base/action.js b/src/features/install-base/action.js
new file mode 100644
index 0000000..31a6ed1
--- /dev/null
+++ b/src/features/install-base/action.js
@@ -0,0 +1,53 @@
+function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce, sendRuntimeMessage,
+  appendBackgroundRequestLog, openInstallBaseModal, environment }) {
+  const { document } = environment;
+  const pending = new Map();
+
+  async function load(partyNumber) {
+    const authorizations = await requestConsumerTokenServiceOnce();
+    const response = await sendRuntimeMessage({
+      type: messageTypes.requestInstallBase, partyNumber,
+      authorizations: { accountSummary: authorizations.accountSummary, installBase: authorizations.installBase }
+    });
+    appendBackgroundRequestLog(response?.debugRequests);
+    if (!response?.ok) throw new Error(response?.error || "Unable to load installed base.");
+    return response.items;
+  }
+
+  function createInstallBaseButton(opportunity) {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "opportunities-extension-action-button";
+    button.title = "View customer installed base";
+    button.setAttribute("aria-label", `View installed base for ${opportunity.CustomerAccount?.PartyUniqueName || "customer"}`);
+    const icon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    icon.setAttribute("viewBox", "0 0 24 24");
+    icon.setAttribute("aria-hidden", "true");
+    icon.setAttribute("focusable", "false");
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", "M4 3h16v7H4z M4 14h16v7H4z M7 6.5h.01 M7 17.5h.01 M11 6.5h6 M11 17.5h6 M8 10v4 M16 10v4");
+    path.setAttribute("fill", "none");
+    path.setAttribute("stroke", "currentColor");
+    path.setAttribute("stroke-width", "1.7");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    icon.append(path);
+    button.append(icon);
+    button.addEventListener("click", async () => {
+      const view = openInstallBaseModal(opportunity, button);
+      const partyNumber = String(opportunity.CustomerAccount?.PartyNumber || "");
+      try {
+        if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
+        if (!pending.has(partyNumber)) {
+          const request = load(partyNumber).finally(() => pending.delete(partyNumber));
+          pending.set(partyNumber, request);
+        }
+        view.render(await pending.get(partyNumber));
+      } catch (error) {
+        view.render([], error.message || "Unable to load installed base.");
+      }
+    });
+    return button;
+  }
+  return { createInstallBaseButton };
+}
diff --git a/src/features/install-base/styles.css b/src/features/install-base/styles.css
new file mode 100644
index 0000000..d16aa8e
--- /dev/null
+++ b/src/features/install-base/styles.css
@@ -0,0 +1,43 @@
+.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {
+  width: min(1700px, 100%);
+}
+.opportunities-extension-install-base-content {
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  scrollbar-gutter: stable;
+}
+.opportunities-extension-install-base-message { margin: 16px; font-size: 13px; }
+.opportunities-extension-install-base-table {
+  width: 100%; min-width: 1400px; table-layout: fixed; border-collapse: collapse; font-size: 12px;
+}
+.opportunities-extension-install-base-table col { width: 7%; }
+.opportunities-extension-install-base-table .install-base-col-partyName { width: 12%; }
+.opportunities-extension-install-base-table .install-base-col-productGroupName { width: 13%; }
+.opportunities-extension-install-base-table .install-base-col-productName { width: 13%; }
+.opportunities-extension-install-base-table .install-base-col-quantity { width: 5%; }
+.opportunities-extension-install-base-table .install-base-col-quantityType { width: 8%; }
+.opportunities-extension-install-base-table th,
+.opportunities-extension-install-base-table td {
+  padding: 12px 8px; text-align: left; vertical-align: middle; overflow-wrap: anywhere;
+  border-bottom: 1px solid #e8e5e1; line-height: 1.4;
+}
+.opportunities-extension-install-base-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }
+.opportunities-extension-install-base-table td[data-format="amount"],
+.opportunities-extension-install-base-table td[data-format="quantity"] { text-align: right; font-variant-numeric: tabular-nums; }
+.opportunities-extension-install-base-table td[data-format="date"] { white-space: nowrap; }
+.opportunities-extension-install-base-status {
+  display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;
+  color: #5f5a55; background: #eceae8; white-space: nowrap;
+}
+.opportunities-extension-install-base-status[data-status="ACTIVE"] { color: #17693a; background: #e1f1e5; }
+.opportunities-extension-install-base-status[data-status="UNSUPPORTED"] { color: #855300; background: #fff0d6; }
+.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th { background: #353331; }
+.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th,
+.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table td { border-color: #484541; }
+.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status { color: #dedbd7; background: #484541; }
+.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status[data-status="ACTIVE"] { color: #b8e4c6; background: #214d34; }
+.opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status[data-status="UNSUPPORTED"] { color: #ffdfa2; background: #614418; }
+@media (prefers-reduced-motion: reduce) {
+  .opportunities-extension-install-base-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }
+}
diff --git a/src/features/install-base/view.js b/src/features/install-base/view.js
new file mode 100644
index 0000000..c585770
--- /dev/null
+++ b/src/features/install-base/view.js
@@ -0,0 +1,126 @@
+function createInstallBaseView({ MODAL_ID, createCloseIcon, formatOracleResponseDate, environment }) {
+  const { document } = environment;
+  let active = null;
+  const columns = [
+    ["partyName", "Customer"], ["productGroupName", "Product Group"], ["productName", "Product"],
+    ["currentSupport", "Current Support", "amount"], ["orderNumber", "Order Number"],
+    ["supportStatus", "Support Status", "status"], ["quantityType", "Quantity Type"],
+    ["quantity", "Quantity", "quantity"], ["supportStartDate", "Support Start Date", "date"],
+    ["supportEndDate", "Support End Date", "date"], ["licenseValue", "License Value", "amount"],
+    ["shipDate", "Ship Date", "date"]
+  ];
+  function element(tag, className, text) {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (text !== undefined) node.textContent = text;
+    return node;
+  }
+  function closeInstallBaseModal() {
+    if (!active) return false;
+    const previous = active;
+    active = null;
+    previous.modal.remove();
+    if (previous.trigger?.isConnected) previous.trigger.focus();
+    return true;
+  }
+  function createTable(items, loading = false) {
+    const table = element("table", "opportunities-extension-install-base-table");
+    table.setAttribute("aria-label", "Installed base items");
+    const head = element("thead");
+    const header = element("tr");
+    const group = element("colgroup");
+    columns.forEach(([key, label]) => {
+      const col = element("col");
+      col.className = `install-base-col-${key}`;
+      group.append(col);
+      const th = element("th", "", label);
+      th.scope = "col";
+      header.append(th);
+    });
+    head.append(header);
+    const body = element("tbody");
+    (loading ? Array.from({ length: 8 }, () => ({})) : items).forEach(item => {
+      const row = element("tr");
+      columns.forEach(([key, , type]) => {
+        const cell = element("td");
+        if (loading) {
+          const bar = element("span", "opportunities-extension-account-plans-skeleton-bar");
+          bar.setAttribute("aria-hidden", "true");
+          cell.append(bar);
+        } else {
+          const value = item[key];
+          const missing = value === null || value === undefined || value === "";
+          let text = missing ? "-" : String(value).trim();
+          if (!missing && type === "date") text = formatOracleResponseDate(value);
+          if (!missing && (type === "amount" || type === "quantity") && Number.isFinite(Number(value))) {
+            text = new Intl.NumberFormat("en-US", {
+              minimumFractionDigits: type === "amount" ? 2 : 0, maximumFractionDigits: type === "amount" ? 2 : 4
+            }).format(Number(value));
+          }
+          if (type === "status") {
+            const badge = element("span", "opportunities-extension-install-base-status", text);
+            badge.dataset.status = text.toUpperCase();
+            cell.append(badge);
+          } else cell.textContent = text;
+          if (type) cell.dataset.format = type;
+        }
+        row.append(cell);
+      });
+      body.append(row);
+    });
+    table.append(group, head, body);
+    return table;
+  }
+  function openInstallBaseModal(opportunity, trigger) {
+    closeInstallBaseModal();
+    const overlay = document.getElementById(MODAL_ID);
+    if (!overlay || overlay.hidden) return { render() {} };
+    const modal = element("section", "opportunities-extension-account-plans-modal");
+    modal.setAttribute("role", "dialog");
+    modal.setAttribute("aria-modal", "true");
+    modal.setAttribute("aria-busy", "true");
+    modal.setAttribute("aria-labelledby", "opportunities-extension-install-base-title");
+    const dialog = element("div", "opportunities-extension-account-plans-dialog opportunities-extension-install-base-dialog");
+    const header = element("header", "opportunities-extension-account-plans-header");
+    const heading = element("div");
+    const title = element("h2", "", "Installed Base");
+    title.id = "opportunities-extension-install-base-title";
+    heading.append(title, element("p", "", opportunity.CustomerAccount?.PartyUniqueName || "Customer"));
+    const close = element("button", "opportunities-extension-icon-button");
+    close.type = "button";
+    close.title = "Close";
+    close.setAttribute("aria-label", "Close installed base");
+    close.append(createCloseIcon());
+    close.addEventListener("click", closeInstallBaseModal);
+    header.append(heading, close);
+    const content = element("div", "opportunities-extension-install-base-content");
+    content.tabIndex = 0;
+    content.setAttribute("role", "region");
+    content.setAttribute("aria-label", "Installed base results");
+    const status = element("p", "opportunities-extension-install-base-message", "Loading installed base...");
+    status.setAttribute("role", "status");
+    content.append(status, createTable([], true));
+    dialog.append(header, content);
+    modal.append(dialog);
+    overlay.append(modal);
+    active = { modal, trigger };
+    modal.addEventListener("keydown", event => {
+      if (event.key === "Tab") {
+        event.preventDefault();
+        (document.activeElement === close ? content : close).focus();
+      }
+    });
+    close.focus();
+    return { render(items, error = "") {
+      // A closed or replaced dialog must never receive a late response.
+      if (active?.modal !== modal || overlay.hidden) return;
+      modal.setAttribute("aria-busy", "false");
+      content.textContent = "";
+      status.textContent = error || (items.length ? `${items.length} installed base items` : "No installed base items found for this customer.");
+      status.setAttribute("role", error ? "alert" : "status");
+      content.append(status);
+      if (!error && items.length) content.append(createTable(items));
+    } };
+  }
+  return { openInstallBaseModal, closeInstallBaseModal, createTable };
+}
diff --git a/src/features/opportunities/table.js b/src/features/opportunities/table.js
index af225bf..7b0265f 100644
--- a/src/features/opportunities/table.js
+++ b/src/features/opportunities/table.js
@@ -4,6 +4,7 @@ function createOpportunitiesTable({
   OPPORTUNITIES_TABLE_ID,
   OPPORTUNITY_DETAIL_URL,
   createCloudConsumptionButton,
+  createInstallBaseButton,
   createCopyOpportunityButton,
   createDetailLink,
   createProductsCountButton,
@@ -148,7 +149,7 @@ function createOpportunitiesTable({
             );
             const customerActions = document.createElement("span");
             customerActions.className = "opportunities-extension-cell-actions";
-            customerActions.append(createCloudConsumptionButton(item));
+        customerActions.append(createCloudConsumptionButton(item), createInstallBaseButton(item));
             customerCellContent.append(customerLink, customerActions);
             cell.append(customerCellContent);
           } else {
diff --git a/src/services/spa/install-base.js b/src/services/spa/install-base.js
new file mode 100644
index 0000000..0de2150
--- /dev/null
+++ b/src/services/spa/install-base.js
@@ -0,0 +1,60 @@
+function createSpaInstallBase({ ACCOUNT_SUMMARY_URL, fetchJson, findNestedObject, normalizeMessageAuthorization }) {
+  const endpoint = "https://spa.oracle.com/oalcrm/web/api/provider-proxy/g2m-installbase-provider/service/account/";
+  async function requestInstallBase(message) {
+    const debugRequests = [];
+    try {
+      const partyNumber = String(message.partyNumber || "").trim();
+      const summaryAuth = normalizeMessageAuthorization(message.authorizations?.accountSummary, "account-ti-authorization");
+      const installAuth = normalizeMessageAuthorization(message.authorizations?.installBase, "");
+      if (!partyNumber) throw new Error("Customer Party Number is required.");
+      if (!summaryAuth.value) throw new Error("ACCP-TS authorization is unavailable.");
+      if (!installAuth.name || !installAuth.value) throw new Error("SAIB-TS uiaasHeader.label/value is unavailable.");
+      const summary = await fetchJson(ACCOUNT_SUMMARY_URL, {
+        method: "POST", credentials: "include",
+        headers: { Accept: "application/json", "Content-Type": "application/json", [summaryAuth.name]: summaryAuth.value },
+        body: JSON.stringify([{ key: "regId", value: partyNumber }])
+      }, "requestAccountSummary", debugRequests);
+      const account = findNestedObject(summary, value =>
+        (typeof value.registryId === "string" || typeof value.registryId === "number") && String(value.registryId).trim() !== "");
+      if (!account) throw new Error("registryId was not found in requestAccountSummary.");
+      const payload = {
+        text: "", accountHierarchy: "single", accountScope: "all", productScope: "all",
+        installStatus: ["active", "inactive", "unsupported"], productIds: null,
+        contractEndDate: { to: null, from: null }, contractStartDate: { to: null, from: null },
+        purchaseStartDate: { to: null, from: null }, registryIds: [], gecPartyNumbers: null
+      };
+      const items = [];
+      let offset = 0;
+      // Bound malformed pagination without silently returning a partial result.
+      for (let page = 0; page < 1000; page += 1) {
+        const url = `${endpoint}${encodeURIComponent(String(account.registryId).trim())}?orderBy=currentSupport%3Adesc&limit=25&offset=${offset}`;
+        const result = await fetchJson(url, {
+          method: "POST", credentials: "include",
+          headers: { Accept: "application/json", "Content-Type": "application/json", [installAuth.name]: installAuth.value },
+          body: JSON.stringify(payload)
+        }, "requestInstallBase", debugRequests);
+        if (!result || !Array.isArray(result.items) || typeof result.hasMore !== "boolean"
+          || result.items.some(item => !item || typeof item !== "object" || Array.isArray(item))) {
+          throw new Error("requestInstallBase returned an invalid collection.");
+        }
+        if (result.offset !== undefined && result.offset !== offset) throw new Error("requestInstallBase returned an unexpected offset.");
+        items.push(...result.items);
+        if (!result.hasMore) return { ok: true, items, debugRequests };
+        if (!result.items.length) throw new Error("requestInstallBase pagination made no progress.");
+        offset += result.items.length;
+      }
+      throw new Error("requestInstallBase pagination limit reached.");
+    } catch (error) {
+      error.debugRequests = debugRequests;
+      throw error;
+    } finally {
+      // The provider chooses the credential header name; never rely on its spelling for redaction.
+      for (const entry of debugRequests) {
+        for (const key of Object.keys(entry.requestHeaders || {})) {
+          if (!/^(accept|content-type)$/i.test(key)) entry.requestHeaders[key] = "(present)";
+        }
+      }
+    }
+  }
+  return { requestInstallBase };
+}
diff --git a/src/shared/messages.js b/src/shared/messages.js
index 1e337cd..3932bd6 100644
--- a/src/shared/messages.js
+++ b/src/shared/messages.js
@@ -8,6 +8,7 @@ function createMessageTypes() {
     opptyProductsRequestDebug: "opportunitiesExtension.opptyProductsRequestDebug",
     requestConsumerTokenService: "opportunitiesExtension.requestConsumerTokenService",
     requestAccountPlans: "opportunitiesExtension.requestAccountPlans",
+    requestInstallBase: "opportunitiesExtension.requestInstallBase",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend"
   });
 }
diff --git a/tests/debugTabs.test.cjs b/tests/debugTabs.test.cjs
index d28b7bf..8eb2b43 100644
--- a/tests/debugTabs.test.cjs
+++ b/tests/debugTabs.test.cjs
@@ -93,7 +93,7 @@ test("tabs support arrows, Home and End with a single selected tab and labelled
 
 test("scoped debug styles are packaged after the unchanged main stylesheet", () => {
   const root = path.join(__dirname, "..");
-  const css = ["src/content/styles/redwood.css", "src/features/debug/styles.css", "src/features/opportunities/styles.css"]
+  const css = ["src/content/styles/redwood.css", "src/features/debug/styles.css", "src/features/opportunities/styles.css", "src/features/install-base/styles.css"]
     .map(file => fs.readFileSync(path.join(root, file), "utf8")).join("\n");
   assert.ok(composeScript("content").includes(`const redwoodStyles = ${JSON.stringify(css)};`));
   assert.ok(!composeScript("background").includes("opportunities-extension-debug-tabs"));
diff --git a/tests/installBase.test.cjs b/tests/installBase.test.cjs
new file mode 100644
index 0000000..3ce400d
--- /dev/null
+++ b/tests/installBase.test.cjs
@@ -0,0 +1,159 @@
+const assert = require("node:assert/strict");
+const { test } = require("node:test");
+const { loadBackground, response, plain } = require("./support/characterization.cjs");
+const { loadApplication } = require("./support/application.cjs");
+
+const authorizations = {
+  accountSummary: { name: "Account-Ti-Authorization", value: "synthetic-summary" },
+  installBase: { name: "synthetic-provider-header", value: "synthetic-installed" }
+};
+const message = { type: "opportunitiesExtension.requestInstallBase", partyNumber: "customer-123", authorizations };
+
+for (const family of ["chrome", "firefox"]) {
+  test(`${family}: summary registryId, SAIB header, payload, pagination and protected diagnostics`, async () => {
+    const calls = [];
+    const h = loadBackground({ family, fetch: async (url, options) => {
+      calls.push({ url, options });
+      if (url.endsWith("consumerTokenService")) return response([
+        { tokenService: "ACCP-TS", uiaasHeader: { label: "Account-Ti-Authorization", value: "synthetic-summary" } },
+        { tokenService: "OCICONS-TS", uiaasHeader: { label: "G2m-Authorization", value: "synthetic-consumption" } },
+        { tokenService: "SAIB-TS", uiaasHeader: { label: "synthetic-provider-header", value: "synthetic-installed" } }
+      ]);
+      if (url.endsWith("accountsummary")) return response({ id: "NOT-THE-REGISTRY", registryId: "registry/test" });
+      const offset = Number(new URL(url).searchParams.get("offset"));
+      return response({ items: [{ productName: `Product ${offset}` }], offset, limit: 25, hasMore: offset === 0 });
+    } });
+    const tokens = await h.dispatch({ type: "opportunitiesExtension.requestConsumerTokenService" });
+    assert.deepEqual(tokens.authorizations.installBase, { ...authorizations.installBase, expires: "" });
+    const result = await h.dispatch({ ...message, authorizations: tokens.authorizations });
+    assert.equal(result.ok, true);
+    assert.equal(result.items.length, 2);
+    assert.deepEqual(JSON.parse(calls[1].options.body), [{ key: "regId", value: "customer-123" }]);
+    assert.equal(calls[1].options.headers[authorizations.accountSummary.name], "synthetic-summary");
+    for (const [index, call] of calls.slice(2).entries()) {
+      assert.ok(call.url.includes(`/account/registry%2Ftest?orderBy=currentSupport%3Adesc&limit=25&offset=${index}`));
+      assert.equal(call.options.method, "POST");
+      assert.equal(call.options.credentials, "include");
+      assert.equal(call.options.headers[authorizations.installBase.name], "synthetic-installed");
+      assert.deepEqual(JSON.parse(call.options.body), {
+        text: "", accountHierarchy: "single", accountScope: "all", productScope: "all",
+        installStatus: ["active", "inactive", "unsupported"], productIds: null,
+        contractEndDate: { to: null, from: null }, contractStartDate: { to: null, from: null },
+        purchaseStartDate: { to: null, from: null }, registryIds: [], gecPartyNumbers: null
+      });
+    }
+    assert.deepEqual(result.debugRequests.map(entry => entry.name), ["requestAccountSummary", "requestInstallBase", "requestInstallBase"]);
+    assert.doesNotMatch(JSON.stringify(result.debugRequests), /synthetic-installed|synthetic-summary/);
+  });
+}
+
+test("missing optional SAIB does not break existing consumer token flow", async () => {
+  const h = loadBackground({ fetch: async () => response([
+    { tokenService: "ACCP-TS", uiaasHeader: { value: "synthetic-summary" } },
+    { tokenService: "OCICONS-TS", uiaasHeader: { value: "synthetic-consumption" } }
+  ]) });
+  const tokens = await h.dispatch({ type: "opportunitiesExtension.requestConsumerTokenService" });
+  assert.equal(tokens.ok, true);
+  const result = await h.dispatch({ ...message, authorizations: tokens.authorizations });
+  assert.equal(result.ok, false);
+  assert.match(result.error, /SAIB-TS/);
+  assert.equal(result.debugRequests.length, 0);
+});
+
+test("invalid registry, pagination, HTTP, JSON and network failures preserve error/debug envelopes", async () => {
+  for (const kind of ["registry", "stalled", "offset", "collection", "http", "json", "network"]) {
+    const h = loadBackground({ fetch: async url => {
+      if (url.endsWith("accountsummary")) return response(kind === "registry" ? { id: "wrong" } : { registryId: "test" });
+      if (kind === "network") throw new Error("Synthetic network failure");
+      if (kind === "http") return response({}, 403);
+      if (kind === "json") return new Response("<html>fallback</html>");
+      if (kind === "collection") return response({ items: "invalid", hasMore: false });
+      return response({ items: [], offset: kind === "offset" ? 25 : 0, hasMore: true });
+    } });
+    const result = await h.dispatch(message);
+    assert.equal(result.ok, false, kind);
+    assert.ok(result.error, kind);
+    assert.equal(result.debugRequests.length, kind === "registry" ? 1 : 2);
+    assert.doesNotMatch(JSON.stringify(result.debugRequests), /synthetic-installed|synthetic-summary/);
+  }
+});
+
+class Element {
+  constructor(tag, document) { this.tag = tag; this.document = document; this.children = []; this.dataset = {}; this.attributes = {}; this.listeners = {}; }
+  append(...nodes) { nodes.forEach(node => { node.parent = this; }); this.children.push(...nodes); }
+  set textContent(value) { this.text = value; this.children = []; }
+  get textContent() { return this.text || ""; }
+  setAttribute(key, value) { this.attributes[key] = value; }
+  addEventListener(key, fn) { this.listeners[key] = fn; }
+  focus() { this.document.activeElement = this; }
+  remove() { if (this.parent) this.parent.children = this.parent.children.filter(node => node !== this); this.parent = null; }
+  get isConnected() { return Boolean(this.parent); }
+  click() { return this.listeners.click(); }
+}
+function setup() {
+  const document = { createElement: tag => new Element(tag, document), createElementNS: (_, tag) => new Element(tag, document),
+    getElementById: id => id === app.contracts.MODAL_ID ? overlay : null };
+  const overlay = new Element("main", document);
+  const app = loadApplication("content", { document, Intl, Date });
+  return { app, overlay, document };
+}
+const customer = { CustomerAccount: { PartyNumber: "customer-123", PartyUniqueName: "Synthetic customer" } };
+const walk = node => [node, ...node.children.flatMap(walk)];
+
+test("modal shows skeleton, renders only requested fields safely and ignores closed/replaced responses", () => {
+  const { app, overlay, document } = setup();
+  const first = app.installBaseView.openInstallBaseModal(customer);
+  const modal = overlay.children[0];
+  assert.equal(modal.attributes["aria-busy"], "true");
+  assert.equal(walk(modal).filter(node => node.tag === "th").length, 12);
+  const second = app.installBaseView.openInstallBaseModal(customer);
+  first.render([{ productName: "Stale product" }]);
+  assert.equal(overlay.children[0].attributes["aria-busy"], "true");
+  second.render([{ productName: "<script>unsafe</script>", supportStatus: "ACTIVE", quantity: 0,
+    currentSupport: 1234.56, licenseValue: 0, supportStartDate: "2026-03-12", secret: "not-visible" }]);
+  const current = overlay.children[0];
+  const cells = walk(current).filter(node => node.tag === "td");
+  assert.equal(cells.length, 12);
+  assert.equal(cells[2].textContent, "<script>unsafe</script>");
+  assert.equal(cells[2].children.length, 0);
+  assert.equal(cells[3].textContent, "1,234.56");
+  assert.equal(cells[5].children[0].dataset.status, "ACTIVE");
+  assert.equal(cells[7].textContent, "0");
+  assert.equal(cells[10].textContent, "0.00");
+  assert.ok(cells[8].textContent.includes("2026"));
+  current.listeners.keydown({ key: "Tab", preventDefault() {} });
+  assert.equal(document.activeElement.attributes.role, "region");
+  assert.equal(app.installBaseView.closeInstallBaseModal(), true);
+  second.render([], "Late error");
+  assert.equal(overlay.children.length, 0);
+  assert.equal(app.installBaseView.closeInstallBaseModal(), false);
+});
+
+test("action opens before auth, deduplicates in-flight customer queries, and allows retry after failure", async () => {
+  const { app, overlay } = setup();
+  let resolveAuth;
+  let calls = 0;
+  const logs = [];
+  app.authContentSession.requestConsumerTokenServiceOnce = () => new Promise(resolve => { resolveAuth = resolve; });
+  app.platformContentMessages.sendRuntimeMessage = async message => {
+    calls += 1;
+    assert.equal(message.type, "opportunitiesExtension.requestInstallBase");
+    assert.equal(message.partyNumber, "customer-123");
+    assert.deepEqual(plain(message.authorizations), authorizations);
+    return { ok: false, error: "Synthetic failure", debugRequests: ["debug"] };
+  };
+  app.debugContentLog.appendBackgroundRequestLog = entries => logs.push(entries);
+  const button = app.installBaseAction.createInstallBaseButton(customer);
+  const first = button.click();
+  assert.equal(overlay.children[0].attributes["aria-busy"], "true");
+  const second = button.click();
+  resolveAuth(authorizations);
+  await Promise.all([first, second]);
+  assert.equal(calls, 1);
+  assert.equal(logs.length, 1);
+  assert.ok(walk(overlay.children[0]).some(node => node.textContent === "Synthetic failure"));
+  const retry = button.click();
+  resolveAuth(authorizations);
+  await retry;
+  assert.equal(calls, 2);
+});
diff --git a/tests/opportunityTable.test.cjs b/tests/opportunityTable.test.cjs
index 64a1739..29b7e71 100644
--- a/tests/opportunityTable.test.cjs
+++ b/tests/opportunityTable.test.cjs
@@ -61,6 +61,7 @@ test("ten columns retain their links and put product/customer controls below the
   assert.equal(customer.children[0].textContent, "Synthetic customer");
   assert.ok(customer.children[0].href.endsWith("party%2Fid"));
   assert.equal(customer.children[1].children[0].title, "View customer consumption");
+  assert.equal(customer.children[1].children[1].title, "View customer installed base");
   assert.equal(findClass(h.cell("optyNumber"), "opportunities-extension-copy-button").title, "Copy opportunity number");
   assert.equal(findClass(h.cell("name"), "opportunities-extension-action-button"), undefined);
   assert.equal(findClass(h.cell("customer"), "opportunities-extension-products-count"), undefined);
@@ -153,6 +154,6 @@ test("table styles reserve compact widths, prioritize Name/Customer and keep nes
     assert.equal(fixed + remaining / 2 + remaining / 2, width);
     assert.ok(remaining > 0);
   }
-  const allCss = ["src/content/styles/redwood.css", "src/features/debug/styles.css", "src/features/opportunities/styles.css"].map(read).join("\n");
+  const allCss = ["src/content/styles/redwood.css", "src/features/debug/styles.css", "src/features/opportunities/styles.css", "src/features/install-base/styles.css"].map(read).join("\n");
   assert.ok(composeScript("content").includes(`const redwoodStyles = ${JSON.stringify(allCss)};`));
 });