diff --git a/README.md b/README.md
index c8180cf..0a0c60b 100644
--- a/README.md
+++ b/README.md
@@ -19,6 +19,16 @@ Browser extension that adds the "Opportunities Extension" shortcut to the permit
 
 ## CRM Service Request Badges
 
+The header's **Refresh all** button (between theme and Preferences) invalidates
+persisted Products and activity caches and clears in-memory data views. It reloads
+the selected Reference, fetching fresh products and then the permitted SR/Actions
+queries. Customer details, rate cards, consumption charts and AI summaries are
+requested again when opened. Preferences, cookies and authentication are preserved.
+The button is disabled during invalidation and list reload; product/activity badges
+continue to show subsequent background progress. Cache-clear failures are surfaced
+instead of silently reusing cached data, and stale product responses cannot restore
+an invalidated cache.
+
 On the first Opportunities modal opening in a page session, `requestCurrentUser`
 fetches SPA identity before tokenrelay or opportunity requests. Concurrent calls,
 Reference changes and modal reopenings reuse that result. Users with `SALES_REP`
@@ -37,11 +47,19 @@ Records are linked by `OpportunityName_Id_c.OptyNumber`. A green SR badge indica
 one or more matches; its tooltip lists each SR number, title, reported hours, owner,
 email and contact flags. A red badge indicates no match within that query's scope.
 A failed lookup shows `SR ?`, not a false no-match result, and opportunities still load.
-Badges follow Ramp Months. SR results remain in memory only. CRM SR and Actions
-refresh only after actual successful product API requests, not cache reads.
-Cache-only, empty and entirely failed cycles neither query nor clear activities.
-In mixed cycles, Actions refreshes only workloads from fresh products and CRM SR
-refreshes once. Closing and reopening the modal preserves results and does not
+Badges follow Ramp Months. Successful SR and Actions responses are persisted in
+extension local storage, isolated by tokenrelay principal. The cache uses the same
+Preferences lifetime as Products (24 hours by default), anchored to the product
+timestamp rather than the activity response time. Actions entries match each
+product's update; the SR snapshot matches the latest product update in the cycle.
+No credentials, request headers or debug envelopes are stored in this cache.
+Products loaded from cache restore matching activity entries without network calls.
+Missing, expired or mismatched entries are not treated as confirmed empty results;
+they wait for a real product refresh before a new activity query is allowed.
+Empty and entirely failed product cycles do not query activities. In mixed cycles,
+only fresh products permit activity API calls on cache misses; SR refreshes once.
+Activity lookups do not advance the existing Last update timestamp.
+Closing and reopening the modal preserves results and does not
 reload products or trigger these lookups. Already-running product requests may
 finish in the background and update their related activities.
 
@@ -53,7 +71,8 @@ the `WWB-TS` credential in `Wwb-Provider-Authorization`. The Act badge beside SR
 aggregates all products: green means an action's `owner` matches the general
 tokenrelay response's `principal`; red means no matching owner was found. `Act ?`
 means ownership could not be confirmed (including a missing principal). Tooltips
-retain all returned actions, regardless of owner. Principal stays in memory only.
+retain all returned actions, regardless of owner. Credentials stay in memory only;
+the principal is used to scope persisted activity entries.
 Queries are shared per product cycle (up to four concurrently). Reference changes
 that load products from cache do not refresh activities.
 Only the first page is requested for now; `hasNext` is indicated in the tooltip.
diff --git a/dist/chromium/background.js b/dist/chromium/background.js
index 98bef3a..5ef13dd 100644
--- a/dist/chromium/background.js
+++ b/dist/chromium/background.js
@@ -15,6 +15,7 @@ function createMessageTypes() {
     requestCustomerServiceRequest: "opportunitiesExtension.requestCustomerServiceRequest",
     requestWlActions: "opportunitiesExtension.requestWlActions",
     requestCurrentUser: "opportunitiesExtension.requestCurrentUser",
+    invalidateProductsCache: "opportunitiesExtension.invalidateProductsCache",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend",
     requestConsumptionPlanDetail: "opportunitiesExtension.requestConsumptionPlanDetail",
     requestRatecardByPlan: "opportunitiesExtension.requestRatecardByPlan"
@@ -1134,8 +1135,17 @@ function createProductsCache({
   storageLocalGet,
   storageLocalSet
 }) {
+  let generation = 0;
+  async function invalidate() {
+    generation += 1;
+    productsCacheState.inFlightProducts.clear();
+    productsCacheState.productsCachePromise = Promise.resolve({});
+    await saveProductsCache({});
+  }
   async function getOpptyProducts(optyNumber, accessToken, cacheMaxAgeMs, onDebug = () => {}) {
+    const currentGeneration = generation;
     const cache = await getProductsCache();
+    if (generation !== currentGeneration) return getOpptyProducts(optyNumber, accessToken, cacheMaxAgeMs, onDebug);
     const cachedEntry = cache[optyNumber];
 
     if (cachedEntry && Array.isArray(cachedEntry.items) && Date.now() - Number(cachedEntry.fetchedAt) < cacheMaxAgeMs) {
@@ -1153,15 +1163,14 @@ function createProductsCache({
       })
         .then(async (items) => {
           const fetchedAt = Date.now();
-          cache[optyNumber] = {
-            fetchedAt,
-            items
-          };
-          await saveProductsCache(cache).catch(() => {});
+          if (generation === currentGeneration) {
+            cache[optyNumber] = { fetchedAt, items };
+            await saveProductsCache(cache).catch(() => {});
+          }
           return { items, fetchedAt };
         })
         .finally(() => {
-          productsCacheState.inFlightProducts.delete(optyNumber);
+          if (productsCacheState.inFlightProducts.get(optyNumber) === flight) productsCacheState.inFlightProducts.delete(optyNumber);
         });
     }
 
@@ -1207,7 +1216,7 @@ function createProductsCache({
     return productsCacheState.productsCacheWritePromise;
   }
 
-  return { getOpptyProducts, normalizeCacheMaxAge, getProductsCache, saveProductsCache };
+  return { invalidate, getOpptyProducts, normalizeCacheMaxAge, getProductsCache, saveProductsCache };
 }
 
 // Source: src/services/fusion/products.js
@@ -1720,6 +1729,7 @@ function startBackgroundApplication(dependencies) {
 /** Register synchronously; replies retain the WebExtension sendResponse contract. */
 function registerBackgroundMessages({
   messageTypes,
+  invalidateProductsCache,
   getXsrfTokenCookie,
   refreshXsrfCookie,
   requestAccountPlans,
@@ -1739,6 +1749,10 @@ runtimeApi.runtime.onMessage.addListener((message, sender, sendResponse) => {
       return false;
     }
 
+    if (message.type === messageTypes.invalidateProductsCache) {
+      invalidateProductsCache().then(() => sendResponse({ ok: true })).catch(error => sendResponse({ ok: false, error: error.message || "Unable to clear products cache." }));
+      return true;
+    }
     if (message.type === messageTypes.getXsrfToken) {
       getXsrfTokenCookie()
         .then((result) => {
@@ -2014,7 +2028,7 @@ function createBackgroundApplication(overrides = {}) {
   const requestOpptyProducts = (...args) => productsBackgroundJobs.requestOpptyProducts(...args);
   const runtimeApi = environment.browser || environment.chrome;
   function start() {
-    startBackgroundApplication({ messageTypes, requestCurrentUser, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestCustomerServiceRequest, requestWlActions, requestConsumerTokenService, requestConsumptionTrend, requestConsumptionPlanDetail, requestRatecardByPlan, requestOpptyProducts, runtimeApi });
+    startBackgroundApplication({ messageTypes, invalidateProductsCache: () => productsCache.invalidate(), requestCurrentUser, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestCustomerServiceRequest, requestWlActions, requestConsumerTokenService, requestConsumptionTrend, requestConsumptionPlanDetail, requestRatecardByPlan, requestOpptyProducts, runtimeApi });
   }
   return {
     start, contracts,
diff --git a/dist/chromium/content.js b/dist/chromium/content.js
index 1019870..2552d64 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/* Full-page diagnostics, scoped to the extension and its current theme. */\n.opportunities-extension-modal .opportunities-extension-debug-panel {\n  --debug-surface: #fff;\n  --debug-code: #f5f6f7;\n  --debug-text: #312d2a;\n  --debug-muted: #5f5a55;\n  --debug-border: #dedbd7;\n  --debug-success: #22613b;\n  --debug-success-bg: #e1f1e5;\n  --debug-failed: #a12721;\n  --debug-failed-bg: #fce8e6;\n  --debug-pending: #805000;\n  --debug-pending-bg: #fff1ce;\n  --debug-info: #075e87;\n  --debug-info-bg: #e5f1fa;\n  --debug-key: #075e87;\n  --debug-string: #22613b;\n  --debug-number: #865000;\n  --debug-literal: #73429b;\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr);\n  width: auto;\n  height: auto;\n  max-height: none;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  margin: 0;\n  padding: 20px;\n  border: 0;\n  border-radius: 0;\n  background: var(--debug-surface);\n  color: var(--debug-text);\n  color-scheme: light;\n}\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel {\n  --debug-surface: #292827;\n  --debug-code: #222120;\n  --debug-text: #f6f4f2;\n  --debug-muted: #c9c5c1;\n  --debug-border: #514c47;\n  --debug-success: #a9e3bd;\n  --debug-success-bg: #214d34;\n  --debug-failed: #ffb4ab;\n  --debug-failed-bg: #582c2a;\n  --debug-pending: #ffe099;\n  --debug-pending-bg: #59441e;\n  --debug-info: #a8d9ff;\n  --debug-info-bg: #233f52;\n  --debug-key: #8ed6f0;\n  --debug-string: #a9e3bd;\n  --debug-number: #ffe099;\n  --debug-literal: #d6b7f1;\n  color: #f6f4f2;\n  color-scheme: dark;\n}\n.opportunities-extension-debug-actions { display: flex; gap: 8px; flex: 0 0 auto; }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-list {\n  overflow: auto;\n  min-height: 0;\n  min-width: 0;\n  align-content: start;\n  scrollbar-gutter: stable;\n  padding: 2px 8px 12px 2px;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item {\n  --debug-state: var(--debug-info);\n  --debug-state-bg: var(--debug-info-bg);\n  border-color: var(--debug-border);\n  border-left-color: var(--debug-state);\n  background: var(--debug-surface);\n  min-width: 0;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-success { --debug-state: var(--debug-success); --debug-state-bg: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-failed { --debug-state: var(--debug-failed); --debug-state-bg: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-pending { --debug-state: var(--debug-pending); --debug-state-bg: var(--debug-pending-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-status {\n  color: var(--debug-state);\n  background: var(--debug-state-bg);\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status,\n.opportunities-extension-debug-method {\n  color: var(--debug-info);\n  background: var(--debug-info-bg);\n}\n.opportunities-extension-debug-method {\n  display: inline-flex;\n  align-items: center;\n  min-height: 22px;\n  padding: 0 8px;\n  border-radius: 4px;\n  font: 700 11px/1.2 Consolas, monospace;\n}\n.opportunities-extension-debug-method[data-method=\"POST\"] { color: var(--debug-literal); background: var(--debug-code); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"2\"] { color: var(--debug-success); background: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"4\"],\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"5\"] { color: var(--debug-failed); background: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"pending\"] { color: var(--debug-pending); background: var(--debug-pending-bg); }\n.opportunities-extension-debug-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0 14px 16px; }\n.opportunities-extension-debug-block { min-width: 0; border-left: 2px solid var(--debug-info); padding-left: 10px; }\n.opportunities-extension-debug-block[data-direction=\"response\"] { border-left-color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-block h3 { margin: 0 0 8px; color: var(--debug-info); font-size: 12px; }\n.opportunities-extension-modal .opportunities-extension-debug-block[data-direction=\"response\"] h3 { color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item pre {\n  min-width: 0;\n  margin: 0;\n  padding: 12px;\n  max-height: 380px;\n  overflow: auto;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--debug-text);\n  background: var(--debug-code);\n  line-height: 1.6;\n  tab-size: 2;\n}\n.opportunities-extension-debug-json-key { color: var(--debug-key); }\n.opportunities-extension-debug-json-string { color: var(--debug-string); }\n.opportunities-extension-debug-json-number { color: var(--debug-number); }\n.opportunities-extension-debug-json-literal { color: var(--debug-literal); }\n@media (max-width: 760px) {\n  .opportunities-extension-modal .opportunities-extension-debug-panel { padding: 12px; }\n  .opportunities-extension-debug-details { grid-template-columns: minmax(0, 1fr); }\n}\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 button {\n  color: #f6f4f2;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading::before {\n  color: #c9c5c1;\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/* Compact filters use available CSS width, including Windows display scaling. */\n.opportunities-extension-products-progress,\n.opportunities-extension-auth-badge { opacity: 1; transition: opacity 300ms ease; }\n.opportunities-extension-products-progress[data-fading=\"true\"],\n.opportunities-extension-auth-badge[data-fading=\"true\"] { opacity: 0; }\n.opportunities-extension-auth-badge[hidden] { display: none; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-products-progress,\n  .opportunities-extension-auth-badge { transition: none; }\n}\n.opportunities-extension-crm-sr-badge {\n  flex: 0 0 auto;\n  padding: 0 6px;\n  border: 1px solid #408254;\n  border-radius: 8px;\n  font-size: 10px;\n  line-height: 18px;\n  font-weight: 600;\n  white-space: nowrap;\n  color: #185b30;\n  background: #e1f1e5;\n}\n.opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #9f201b; background: #fde8e7; border-color: #c74640; }\n.opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #785000; background: #fff0cd; border-color: #987021; }\n.opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #5f5a55; background: #eceae8; border-color: #8f8a85; }\n.opportunities-extension-crm-sr-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge { color: #b8e4c6; background: #214d34; border-color: #6eac82; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #ffd9d5; background: #542824; border-color: #ef938b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #ffe0a3; background: #584219; border-color: #c99b4b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #dedbd7; background: #484541; border-color: #8f8a85; }\n\n.opportunities-extension-form {\n  display: grid;\n  grid-template-columns: max-content minmax(110px, 1fr) minmax(110px, 1fr) minmax(145px, 180px) max-content max-content;\n  align-items: end;\n  gap: 12px;\n  min-height: 0;\n  padding: 12px;\n}\n\n.opportunities-extension-form > * {\n  min-width: 0;\n  width: 100%;\n  max-width: none;\n  grid-template-rows: auto 32px;\n  gap: 4px;\n  font-size: 12px;\n}\n\n.opportunities-extension-form > * > span:first-child {\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap {\n  width: 100%;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger,\n.opportunities-extension-form .opportunities-extension-table-search-field input {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: 32px;\n  min-height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger {\n  padding-right: 26px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap::after,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger::after {\n  right: 10px;\n  border-left-width: 4px;\n  border-right-width: 4px;\n  border-top-width: 5px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-controls,\n.opportunities-extension-form .opportunities-extension-status-filter-controls {\n  flex-wrap: nowrap;\n  gap: 4px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-button,\n.opportunities-extension-form .opportunities-extension-status-filter-button {\n  min-height: 28px;\n  padding: 4px 7px;\n  font-size: 11px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n/* Native select intrinsic sizing includes its longest option, not just the selection. */\n@media (min-width: 1151px) {\n  .opportunities-extension-form > .opportunities-extension-field,\n  .opportunities-extension-form .opportunities-extension-select-wrap,\n  .opportunities-extension-form .opportunities-extension-field select {\n    width: max-content;\n    max-width: none;\n  }\n}\n\n@media (max-width: 1150px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-column: span 2;\n  }\n}\n\n@media (max-width: 700px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .opportunities-extension-form .opportunities-extension-stage-filter-controls,\n  .opportunities-extension-form .opportunities-extension-status-filter-controls {\n    flex-wrap: wrap;\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-template-rows: auto auto;\n  }\n}\n\n@media (max-width: 420px) {\n  .opportunities-extension-form { grid-template-columns: minmax(0, 1fr); }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter { grid-column: auto; }\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  flex: 0 0 24px;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] .opportunities-extension-cell-actions {\n  min-width: 84px;\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-products-ramp {\n  display: inline-block;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0 6px;\n  border: 1px solid #bba5cf;\n  border-radius: 8px;\n  background: #f0e8f7;\n  color: #63358a;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp {\n  background: #43334f;\n  color: #ead5fc;\n  border-color: #9372ac;\n}\n\n.opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #fde8e7;\n  color: #9f201b;\n  border-color: #c74640;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #542824;\n  color: #ffd9d5;\n  border-color: #ef938b;\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.opportunities-extension-crm-sr-badge[type=\"button\"] { cursor: pointer; font-family: inherit; }\n.opportunities-extension-sr-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; overflow: auto;\n  padding: 12px; border: 1px solid #b9b5b0; border-radius: 6px;\n  background: #fff; color: #302e2b; box-shadow: 0 6px 24px #0003;\n  font: 12px/1.5 Arial, sans-serif; text-align: left; overflow-wrap: anywhere;\n}\n.opportunities-extension-sr-popover section { padding: 8px 0; }\n.opportunities-extension-sr-popover section + section { border-top: 1px solid #dedbd7; }\n.opportunities-extension-sr-number { display: flex; align-items: center; gap: 8px; padding-right: 30px; font-weight: 600; }\n.opportunities-extension-sr-popover a { color: #00677d; text-decoration: underline; }\n.opportunities-extension-sr-details { white-space: pre-wrap; margin-top: 6px; }\n.opportunities-extension-sr-dismiss {\n  position: absolute; top: 6px; right: 6px; width: 28px; height: 28px;\n  display: grid; place-items: center; padding: 4px; border: 0;\n  background: transparent; color: inherit; cursor: pointer;\n}\n.opportunities-extension-sr-dismiss svg { width: 16px; height: 16px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover { background: #292827; color: #f1efec; border-color: #77716b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover section + section { border-color: #5f5953; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover a { color: #7ddced; }\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {\n  width: min(1700px, 100%);\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header {\n  padding: 10px 12px;\n  gap: 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header h2 {\n  font-size: 16px;\n  line-height: 22px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header p {\n  font-size: 12px;\n  line-height: 16px;\n  margin-top: 3px;\n  overflow-wrap: anywhere;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-icon-button {\n  width: 28px;\n  height: 28px;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-toolbar {\n  padding: 8px 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-search {\n  width: min(320px, 100%);\n  height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\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: 10px 12px; font-size: 12px; line-height: 16px; }\n.opportunities-extension-install-base-table {\n  width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 11px;\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: 8px 6px; 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: 2px 5px; 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-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table,\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 { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message[role=\"alert\"] { color: #ffb4ab; }\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\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog { width: min(1700px, 100%); }\n.opportunities-extension-service-requests-content { min-width: 0; min-height: 0; overflow: auto; scrollbar-gutter: stable; }\n.opportunities-extension-service-requests-message { margin: 16px; font-size: 13px; }\n.opportunities-extension-service-requests-table {\n  width: 100%; min-width: 1200px; table-layout: fixed; border-collapse: collapse; font-size: 12px;\n}\n.opportunities-extension-service-requests-table col { width: 7%; }\n.opportunities-extension-service-requests-table .service-requests-col-name { width: 17%; }\n.opportunities-extension-service-requests-table .service-requests-col-id { width: 10%; }\n.opportunities-extension-service-requests-table .service-requests-col-severity { width: 5%; }\n.opportunities-extension-service-requests-table .service-requests-col-subStatus { width: 14%; }\n.opportunities-extension-service-requests-table .service-requests-col-productName { width: 12%; }\n.opportunities-extension-service-requests-table th,\n.opportunities-extension-service-requests-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-service-requests-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }\n.opportunities-extension-service-requests-table td[data-field=\"created\"],\n.opportunities-extension-service-requests-table td[data-field=\"lastUpdated\"],\n.opportunities-extension-service-requests-table td[data-field=\"id\"] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n.opportunities-extension-service-request-status {\n  display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;\n  color: #5f5a55; background: #eceae8;\n}\n.opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #17693a; background: #e1f1e5; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message[role=\"alert\"] { color: #ffb4ab; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th { background: #353331; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #b8e4c6; background: #214d34; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-service-requests-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }\n}\n\n/* Scope sizing to Cloud Consumption, not other dialogs sharing its components. */\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header { padding: 10px 12px; gap: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header h2 { font-size: 16px; line-height: 22px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header p { font-size: 12px; line-height: 16px; margin-top: 3px; overflow-wrap: anywhere; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-icon-button { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 4px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-tabs { padding: 4px 12px 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-tab { min-height: 30px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { padding: 8px 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { gap: 0 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details > div { grid-template-columns: minmax(85px, 35%) minmax(0, 1fr); min-height: 32px; padding: 4px 0; gap: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dt { font-size: 11px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dd { font-size: 12px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-trend { margin-top: 8px; padding-top: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-periods button { min-height: 28px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation { grid-template-columns: 28px minmax(120px, auto) 28px; min-height: 30px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation strong { font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation-button { width: 28px; height: 28px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr) 150px; gap: 8px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-svg { height: 100%; max-height: 100%; min-width: 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend button { font-size: 11px; padding: 4px; gap: 5px; }\n\n/* Small viewports must scroll rather than clip details or collapse the chart. */\n@media (max-height: 560px), (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-panels { overflow: auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { height: auto; min-height: 100%; grid-template-rows: auto minmax(280px, 1fr); }\n}\n@media (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { grid-template-columns: minmax(0, 1fr); }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend { display: flex; flex-wrap: wrap; }\n}\n\n.opportunities-extension-plan-detail-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }\n.opportunities-extension-consumption-trend-header { align-items: center; justify-content: space-between; gap: 12px; }\n.opportunities-extension-consumption-trend-header > .opportunities-extension-plan-detail-badges { min-width: 0; }\n.opportunities-extension-plan-detail-skeleton { width: 64px; height: 20px; }\n.opportunities-extension-projection-badge {\n  display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent;\n  padding: 3px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; line-height: 1.3;\n  color: #5f5a55; background: #eceae8; white-space: nowrap;\n}\nbutton.opportunities-extension-projection-badge { cursor: pointer; }\n.opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #a12424; background: #fbe5e5; }\n.opportunities-extension-projection-badge[data-status=\"overage\"] { color: #185a9d; background: #e0edfc; }\n.opportunities-extension-projection-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-projection-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; padding: 14px; overflow: auto; overscroll-behavior: contain;\n  border: 1px solid #b9b4ae; border-radius: 4px; background: #ffffff; color: #312d2a;\n  box-shadow: 0 4px 16px #0003; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere;\n}\n.opportunities-extension-projection-popover[hidden] { display: none; }\n.opportunities-extension-projection-popover .opportunities-extension-projection-dismiss {\n  display: grid; place-items: center; width: 24px; height: 24px; margin-left: auto; margin-bottom: 8px; padding: 4px; border: 1px solid #b9b4ae;\n  border-radius: 4px; background: transparent; color: inherit; cursor: pointer; font-size: 12px;\n}\n.opportunities-extension-projection-dismiss svg { width: 14px; height: 14px; }\n.opportunities-extension-projection-line h3 { margin: 0 0 8px; font-size: 12px; }\n.opportunities-extension-projection-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0; }\n.opportunities-extension-projection-fields > div { min-width: 0; }\n.opportunities-extension-projection-fields dt { font-weight: 600; color: #5f5a55; font-size: 11px; }\n.opportunities-extension-projection-fields dd { margin: 2px 0 0; font-variant-numeric: tabular-nums; }\n.opportunities-extension-projection-fields a { color: #006d7a; text-decoration: underline; }\n.opportunities-extension-projection-children { margin-top: 14px; padding-left: 12px; border-left: 2px solid #dedbd7; }\n.opportunities-extension-projection-children > section + section { margin-top: 16px; }\n.opportunities-extension-plan-detail-error { color: #a12424; font-size: 12px; }\n.opportunities-extension-projection-empty { color: #5f5a55; font-size: 12px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-popover { color: #f1efec; background: #302e2b; border-color: #716b64; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #ffb9b9; background: #682e32; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"overage\"] { color: #c5dfff; background: #224b76; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields dt,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-empty { color: #cec9c2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields a { color: #76dbea; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-plan-detail-error { color: #ffb9b9; }\n@media (max-width: 480px) { .opportunities-extension-projection-fields { grid-template-columns: minmax(0, 1fr); } }\n@media (max-width: 480px) {\n  .opportunities-extension-consumption-trend-header > .opportunities-extension-consumption-periods { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (prefers-reduced-motion: reduce) { .opportunities-extension-plan-detail-skeleton { animation: none; } }\n\n.opportunities-extension-account-plan-details > .opportunities-extension-contract-row {\n  align-items: center;\n}\n.opportunities-extension-contract-row > dt,\n.opportunities-extension-contract-row > dd,\n.opportunities-extension-contract-ratecard > span {\n  line-height: 20px;\n}\n.opportunities-extension-contract-ratecard {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n}\n.opportunities-extension-ratecard-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  box-sizing: border-box;\n  height: 28px;\n  margin: 0;\n  flex: 0 0 auto;\n  padding: 0 8px;\n  border: 1px solid #8aaeb9;\n  border-radius: 4px;\n  background: #fff;\n  color: #006b80;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 20px;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-button:hover { background: #e8f4f6; }\n.opportunities-extension-ratecard-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 8;\n  display: flex;\n  justify-content: flex-end;\n  overflow: hidden;\n  overflow: clip;\n  background: rgba(0, 0, 0, 0);\n  transition: background-color 320ms ease;\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] { background: rgba(0, 0, 0, .32); }\n.opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #fff;\n  --ratecard-heading: #faf9f8;\n  --ratecard-text: #312d2a;\n  --ratecard-muted: #615a55;\n  --ratecard-border: #dedbd8;\n  --ratecard-accent: #00758f;\n  --ratecard-skeleton: #eae7e4;\n  display: grid;\n  grid-template-rows: auto auto auto minmax(0, 1fr);\n  width: min(1520px, calc(100% - 48px));\n  height: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  box-shadow: -6px 0 24px rgba(0, 0, 0, .2);\n  transform: translateX(100%);\n  transition: transform 320ms cubic-bezier(.22, .61, .36, 1);\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(0); }\n.opportunities-extension-ratecard-header > div { min-width: 0; overflow-wrap: anywhere; }\n.opportunities-extension-ratecard-plan-details { padding: 12px 20px 0; }\n.opportunities-extension-ratecard-toolbar { display: flex; align-items: center; gap: 16px; padding: 12px 20px; }\n.opportunities-extension-ratecard-search {\n  width: min(360px, 100%);\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 9px 12px;\n  border: 1px solid var(--ratecard-muted);\n  border-radius: 4px;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-ratecard-search::placeholder { color: var(--ratecard-muted); opacity: 1; }\n.opportunities-extension-ratecard-count { color: var(--ratecard-muted); font-size: 12px; white-space: nowrap; }\n.opportunities-extension-ratecard-viewport { overflow: auto; min-height: 0; min-width: 0; scrollbar-gutter: stable; }\n.opportunities-extension-ratecard-table { width: 100%; min-width: 1100px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 12px; }\n.opportunities-extension-ratecard-table th, .opportunities-extension-ratecard-table td {\n  padding: 11px 10px;\n  border-bottom: 1px solid var(--ratecard-border);\n  vertical-align: top;\n  overflow-wrap: anywhere;\n  text-align: left;\n}\n.opportunities-extension-ratecard-table th { position: sticky; top: 0; z-index: 1; background: var(--ratecard-heading); }\n.opportunities-extension-ratecard-sort {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  align-items: center;\n  gap: 5px;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-weight: 600;\n  text-align: left;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-sort-icon { color: var(--ratecard-accent); text-align: center; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-numeric { text-align: right; font-variant-numeric: tabular-nums; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-notice { padding: 28px 20px; text-align: center; }\n.opportunities-extension-ratecard-notice [role=\"alert\"] { color: #b3261e; }\n.opportunities-extension-ratecard-skeleton { display: block; width: 85%; height: 14px; border-radius: 3px; background: var(--ratecard-skeleton); animation: opportunities-ratecard-pulse 1.1s ease-in-out infinite alternate; }\n.opportunities-extension-ratecard-drawer :focus-visible, .opportunities-extension-ratecard-button:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] { pointer-events: none; background: rgba(0, 0, 0, 0); transition-duration: 180ms; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(100%); transition-duration: 180ms; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #292725;\n  --ratecard-heading: #35322f;\n  --ratecard-text: #f5f3f1;\n  --ratecard-muted: #c2bcb6;\n  --ratecard-border: #514c47;\n  --ratecard-accent: #59d1e5;\n  --ratecard-skeleton: #514c47;\n}\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button { color: #59d1e5; border-color: #6298a2; background: #292725; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button:hover { background: #313f40; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-notice [role=\"alert\"] { color: #ffb4ab; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer :focus-visible, [data-theme=\"dark\"] .opportunities-extension-ratecard-button:focus-visible { outline-color: #59d1e5; }\n@keyframes opportunities-ratecard-pulse { from { opacity: .45; } to { opacity: 1; } }\n@media (max-width: 720px) {\n  .opportunities-extension-ratecard-drawer { width: 100%; }\n  .opportunities-extension-ratecard-toolbar { flex-wrap: wrap; gap: 8px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-ratecard-overlay, .opportunities-extension-ratecard-drawer, .opportunities-extension-ratecard-skeleton,\n  .opportunities-extension-ratecard-overlay[data-closing=\"true\"], .opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { animation: none; transition: none; }\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog,\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog {\n  grid-template-rows: auto auto minmax(0, 1fr);\n}\n.opportunities-extension-customer-table-toolbar { padding: 12px 16px; border-bottom: 1px solid #dedbd7; }\n.opportunities-extension-customer-table-search {\n  box-sizing: border-box;\n  width: min(420px, 100%);\n  min-width: 0;\n  height: 38px;\n  padding: 8px 12px;\n  border: 1px solid #8f8a85;\n  border-radius: 4px;\n  background: #fff;\n  color: #312d2a;\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-customer-table-search::placeholder { color: #5f5a55; opacity: 1; }\n.opportunities-extension-customer-table-search:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-toolbar { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search { background: #353331; color: #f6f4f2; border-color: #8f8a85; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search::placeholder { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search:focus-visible { outline-color: #59d1e5; }\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/* Full-page diagnostics, scoped to the extension and its current theme. */\n.opportunities-extension-modal .opportunities-extension-debug-panel {\n  --debug-surface: #fff;\n  --debug-code: #f5f6f7;\n  --debug-text: #312d2a;\n  --debug-muted: #5f5a55;\n  --debug-border: #dedbd7;\n  --debug-success: #22613b;\n  --debug-success-bg: #e1f1e5;\n  --debug-failed: #a12721;\n  --debug-failed-bg: #fce8e6;\n  --debug-pending: #805000;\n  --debug-pending-bg: #fff1ce;\n  --debug-info: #075e87;\n  --debug-info-bg: #e5f1fa;\n  --debug-key: #075e87;\n  --debug-string: #22613b;\n  --debug-number: #865000;\n  --debug-literal: #73429b;\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr);\n  width: auto;\n  height: auto;\n  max-height: none;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  margin: 0;\n  padding: 20px;\n  border: 0;\n  border-radius: 0;\n  background: var(--debug-surface);\n  color: var(--debug-text);\n  color-scheme: light;\n}\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel {\n  --debug-surface: #292827;\n  --debug-code: #222120;\n  --debug-text: #f6f4f2;\n  --debug-muted: #c9c5c1;\n  --debug-border: #514c47;\n  --debug-success: #a9e3bd;\n  --debug-success-bg: #214d34;\n  --debug-failed: #ffb4ab;\n  --debug-failed-bg: #582c2a;\n  --debug-pending: #ffe099;\n  --debug-pending-bg: #59441e;\n  --debug-info: #a8d9ff;\n  --debug-info-bg: #233f52;\n  --debug-key: #8ed6f0;\n  --debug-string: #a9e3bd;\n  --debug-number: #ffe099;\n  --debug-literal: #d6b7f1;\n  color: #f6f4f2;\n  color-scheme: dark;\n}\n.opportunities-extension-debug-actions { display: flex; gap: 8px; flex: 0 0 auto; }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-list {\n  overflow: auto;\n  min-height: 0;\n  min-width: 0;\n  align-content: start;\n  scrollbar-gutter: stable;\n  padding: 2px 8px 12px 2px;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item {\n  --debug-state: var(--debug-info);\n  --debug-state-bg: var(--debug-info-bg);\n  border-color: var(--debug-border);\n  border-left-color: var(--debug-state);\n  background: var(--debug-surface);\n  min-width: 0;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-success { --debug-state: var(--debug-success); --debug-state-bg: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-failed { --debug-state: var(--debug-failed); --debug-state-bg: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-pending { --debug-state: var(--debug-pending); --debug-state-bg: var(--debug-pending-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-status {\n  color: var(--debug-state);\n  background: var(--debug-state-bg);\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status,\n.opportunities-extension-debug-method {\n  color: var(--debug-info);\n  background: var(--debug-info-bg);\n}\n.opportunities-extension-debug-method {\n  display: inline-flex;\n  align-items: center;\n  min-height: 22px;\n  padding: 0 8px;\n  border-radius: 4px;\n  font: 700 11px/1.2 Consolas, monospace;\n}\n.opportunities-extension-debug-method[data-method=\"POST\"] { color: var(--debug-literal); background: var(--debug-code); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"2\"] { color: var(--debug-success); background: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"4\"],\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"5\"] { color: var(--debug-failed); background: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"pending\"] { color: var(--debug-pending); background: var(--debug-pending-bg); }\n.opportunities-extension-debug-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0 14px 16px; }\n.opportunities-extension-debug-block { min-width: 0; border-left: 2px solid var(--debug-info); padding-left: 10px; }\n.opportunities-extension-debug-block[data-direction=\"response\"] { border-left-color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-block h3 { margin: 0 0 8px; color: var(--debug-info); font-size: 12px; }\n.opportunities-extension-modal .opportunities-extension-debug-block[data-direction=\"response\"] h3 { color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item pre {\n  min-width: 0;\n  margin: 0;\n  padding: 12px;\n  max-height: 380px;\n  overflow: auto;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--debug-text);\n  background: var(--debug-code);\n  line-height: 1.6;\n  tab-size: 2;\n}\n.opportunities-extension-debug-json-key { color: var(--debug-key); }\n.opportunities-extension-debug-json-string { color: var(--debug-string); }\n.opportunities-extension-debug-json-number { color: var(--debug-number); }\n.opportunities-extension-debug-json-literal { color: var(--debug-literal); }\n@media (max-width: 760px) {\n  .opportunities-extension-modal .opportunities-extension-debug-panel { padding: 12px; }\n  .opportunities-extension-debug-details { grid-template-columns: minmax(0, 1fr); }\n}\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 button {\n  color: #f6f4f2;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading::before {\n  color: #c9c5c1;\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/* Compact filters use available CSS width, including Windows display scaling. */\n.opportunities-extension-products-progress,\n.opportunities-extension-auth-badge { opacity: 1; transition: opacity 300ms ease; }\n.opportunities-extension-products-progress[data-fading=\"true\"],\n.opportunities-extension-auth-badge[data-fading=\"true\"] { opacity: 0; }\n.opportunities-extension-auth-badge[hidden] { display: none; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-products-progress,\n  .opportunities-extension-auth-badge { transition: none; }\n}\n.opportunities-extension-crm-sr-badge {\n  flex: 0 0 auto;\n  padding: 0 6px;\n  border: 1px solid #408254;\n  border-radius: 8px;\n  font-size: 10px;\n  line-height: 18px;\n  font-weight: 600;\n  white-space: nowrap;\n  color: #185b30;\n  background: #e1f1e5;\n}\n.opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #9f201b; background: #fde8e7; border-color: #c74640; }\n.opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #785000; background: #fff0cd; border-color: #987021; }\n.opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #5f5a55; background: #eceae8; border-color: #8f8a85; }\n.opportunities-extension-crm-sr-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge { color: #b8e4c6; background: #214d34; border-color: #6eac82; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #ffd9d5; background: #542824; border-color: #ef938b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #ffe0a3; background: #584219; border-color: #c99b4b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #dedbd7; background: #484541; border-color: #8f8a85; }\n\n.opportunities-extension-form {\n  display: grid;\n  grid-template-columns: max-content minmax(110px, 1fr) minmax(110px, 1fr) minmax(145px, 180px) max-content max-content;\n  align-items: end;\n  gap: 12px;\n  min-height: 0;\n  padding: 12px;\n}\n\n.opportunities-extension-form > * {\n  min-width: 0;\n  width: 100%;\n  max-width: none;\n  grid-template-rows: auto 32px;\n  gap: 4px;\n  font-size: 12px;\n}\n\n.opportunities-extension-form > * > span:first-child {\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap {\n  width: 100%;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger,\n.opportunities-extension-form .opportunities-extension-table-search-field input {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: 32px;\n  min-height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger {\n  padding-right: 26px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap::after,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger::after {\n  right: 10px;\n  border-left-width: 4px;\n  border-right-width: 4px;\n  border-top-width: 5px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-controls,\n.opportunities-extension-form .opportunities-extension-status-filter-controls {\n  flex-wrap: nowrap;\n  gap: 4px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-button,\n.opportunities-extension-form .opportunities-extension-status-filter-button {\n  min-height: 28px;\n  padding: 4px 7px;\n  font-size: 11px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n/* Native select intrinsic sizing includes its longest option, not just the selection. */\n@media (min-width: 1151px) {\n  .opportunities-extension-form > .opportunities-extension-field,\n  .opportunities-extension-form .opportunities-extension-select-wrap,\n  .opportunities-extension-form .opportunities-extension-field select {\n    width: max-content;\n    max-width: none;\n  }\n}\n\n@media (max-width: 1150px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-column: span 2;\n  }\n}\n\n@media (max-width: 700px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .opportunities-extension-form .opportunities-extension-stage-filter-controls,\n  .opportunities-extension-form .opportunities-extension-status-filter-controls {\n    flex-wrap: wrap;\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-template-rows: auto auto;\n  }\n}\n\n@media (max-width: 420px) {\n  .opportunities-extension-form { grid-template-columns: minmax(0, 1fr); }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter { grid-column: auto; }\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  flex: 0 0 24px;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] .opportunities-extension-cell-actions {\n  min-width: 84px;\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-products-ramp {\n  display: inline-block;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0 6px;\n  border: 1px solid #bba5cf;\n  border-radius: 8px;\n  background: #f0e8f7;\n  color: #63358a;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp {\n  background: #43334f;\n  color: #ead5fc;\n  border-color: #9372ac;\n}\n\n.opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #fde8e7;\n  color: #9f201b;\n  border-color: #c74640;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #542824;\n  color: #ffd9d5;\n  border-color: #ef938b;\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.opportunities-extension-crm-sr-badge[type=\"button\"] { cursor: pointer; font-family: inherit; }\n.opportunities-extension-sr-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; overflow: auto;\n  padding: 12px; border: 1px solid #b9b5b0; border-radius: 6px;\n  background: #fff; color: #302e2b; box-shadow: 0 6px 24px #0003;\n  font: 12px/1.5 Arial, sans-serif; text-align: left; overflow-wrap: anywhere;\n}\n.opportunities-extension-sr-popover section { padding: 8px 0; }\n.opportunities-extension-sr-popover section + section { border-top: 1px solid #dedbd7; }\n.opportunities-extension-sr-number { display: flex; align-items: center; gap: 8px; padding-right: 30px; font-weight: 600; }\n.opportunities-extension-sr-popover a { color: #00677d; text-decoration: underline; }\n.opportunities-extension-sr-details { white-space: pre-wrap; margin-top: 6px; }\n.opportunities-extension-sr-dismiss {\n  position: absolute; top: 6px; right: 6px; width: 28px; height: 28px;\n  display: grid; place-items: center; padding: 4px; border: 0;\n  background: transparent; color: inherit; cursor: pointer;\n}\n.opportunities-extension-sr-dismiss svg { width: 16px; height: 16px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover { background: #292827; color: #f1efec; border-color: #77716b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover section + section { border-color: #5f5953; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover a { color: #7ddced; }\n.opportunities-extension-title-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  min-width: 0;\n  flex: 1;\n}\n.opportunities-extension-title-row h1 {\n  display: block;\n  margin: 0;\n  padding: 0;\n  line-height: 1;\n}\n.opportunities-extension-title-row .opportunities-extension-subtitle-row {\n  display: flex;\n  align-items: center;\n  align-self: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  min-width: 0;\n}\n.opportunities-extension-title-row .opportunities-extension-subtitle-row > span {\n  box-sizing: border-box;\n  margin: 0;\n  min-height: 22px;\n  line-height: 16px;\n}\n.opportunities-extension-title-row + .opportunities-extension-header-actions { flex-shrink: 0; }\n.opportunities-extension-refresh-all:disabled { opacity: .65; cursor: wait; }\n.opportunities-extension-refresh-all:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-refresh-all[aria-busy=\"true\"] svg { animation: opportunities-refresh-spin 1s linear infinite; }\n@keyframes opportunities-refresh-spin { to { transform: rotate(360deg); } }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-refresh-all[aria-busy=\"true\"] svg { animation: none; }\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {\n  width: min(1700px, 100%);\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header {\n  padding: 10px 12px;\n  gap: 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header h2 {\n  font-size: 16px;\n  line-height: 22px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header p {\n  font-size: 12px;\n  line-height: 16px;\n  margin-top: 3px;\n  overflow-wrap: anywhere;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-icon-button {\n  width: 28px;\n  height: 28px;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-toolbar {\n  padding: 8px 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-search {\n  width: min(320px, 100%);\n  height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\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: 10px 12px; font-size: 12px; line-height: 16px; }\n.opportunities-extension-install-base-table {\n  width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 11px;\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: 8px 6px; 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: 2px 5px; 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-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table,\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 { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message[role=\"alert\"] { color: #ffb4ab; }\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\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog { width: min(1700px, 100%); }\n.opportunities-extension-service-requests-content { min-width: 0; min-height: 0; overflow: auto; scrollbar-gutter: stable; }\n.opportunities-extension-service-requests-message { margin: 16px; font-size: 13px; }\n.opportunities-extension-service-requests-table {\n  width: 100%; min-width: 1200px; table-layout: fixed; border-collapse: collapse; font-size: 12px;\n}\n.opportunities-extension-service-requests-table col { width: 7%; }\n.opportunities-extension-service-requests-table .service-requests-col-name { width: 17%; }\n.opportunities-extension-service-requests-table .service-requests-col-id { width: 10%; }\n.opportunities-extension-service-requests-table .service-requests-col-severity { width: 5%; }\n.opportunities-extension-service-requests-table .service-requests-col-subStatus { width: 14%; }\n.opportunities-extension-service-requests-table .service-requests-col-productName { width: 12%; }\n.opportunities-extension-service-requests-table th,\n.opportunities-extension-service-requests-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-service-requests-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }\n.opportunities-extension-service-requests-table td[data-field=\"created\"],\n.opportunities-extension-service-requests-table td[data-field=\"lastUpdated\"],\n.opportunities-extension-service-requests-table td[data-field=\"id\"] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n.opportunities-extension-service-request-status {\n  display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;\n  color: #5f5a55; background: #eceae8;\n}\n.opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #17693a; background: #e1f1e5; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message[role=\"alert\"] { color: #ffb4ab; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th { background: #353331; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #b8e4c6; background: #214d34; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-service-requests-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }\n}\n\n/* Scope sizing to Cloud Consumption, not other dialogs sharing its components. */\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header { padding: 10px 12px; gap: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header h2 { font-size: 16px; line-height: 22px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header p { font-size: 12px; line-height: 16px; margin-top: 3px; overflow-wrap: anywhere; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-icon-button { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 4px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-tabs { padding: 4px 12px 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-tab { min-height: 30px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { padding: 8px 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { gap: 0 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details > div { grid-template-columns: minmax(85px, 35%) minmax(0, 1fr); min-height: 32px; padding: 4px 0; gap: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dt { font-size: 11px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dd { font-size: 12px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-trend { margin-top: 8px; padding-top: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-periods button { min-height: 28px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation { grid-template-columns: 28px minmax(120px, auto) 28px; min-height: 30px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation strong { font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation-button { width: 28px; height: 28px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr) 150px; gap: 8px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-svg { height: 100%; max-height: 100%; min-width: 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend button { font-size: 11px; padding: 4px; gap: 5px; }\n\n/* Small viewports must scroll rather than clip details or collapse the chart. */\n@media (max-height: 560px), (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-panels { overflow: auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { height: auto; min-height: 100%; grid-template-rows: auto minmax(280px, 1fr); }\n}\n@media (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { grid-template-columns: minmax(0, 1fr); }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend { display: flex; flex-wrap: wrap; }\n}\n\n.opportunities-extension-plan-detail-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }\n.opportunities-extension-consumption-trend-header { align-items: center; justify-content: space-between; gap: 12px; }\n.opportunities-extension-consumption-trend-header > .opportunities-extension-plan-detail-badges { min-width: 0; }\n.opportunities-extension-plan-detail-skeleton { width: 64px; height: 20px; }\n.opportunities-extension-projection-badge {\n  display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent;\n  padding: 3px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; line-height: 1.3;\n  color: #5f5a55; background: #eceae8; white-space: nowrap;\n}\nbutton.opportunities-extension-projection-badge { cursor: pointer; }\n.opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #a12424; background: #fbe5e5; }\n.opportunities-extension-projection-badge[data-status=\"overage\"] { color: #185a9d; background: #e0edfc; }\n.opportunities-extension-projection-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-projection-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; padding: 14px; overflow: auto; overscroll-behavior: contain;\n  border: 1px solid #b9b4ae; border-radius: 4px; background: #ffffff; color: #312d2a;\n  box-shadow: 0 4px 16px #0003; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere;\n}\n.opportunities-extension-projection-popover[hidden] { display: none; }\n.opportunities-extension-projection-popover .opportunities-extension-projection-dismiss {\n  display: grid; place-items: center; width: 24px; height: 24px; margin-left: auto; margin-bottom: 8px; padding: 4px; border: 1px solid #b9b4ae;\n  border-radius: 4px; background: transparent; color: inherit; cursor: pointer; font-size: 12px;\n}\n.opportunities-extension-projection-dismiss svg { width: 14px; height: 14px; }\n.opportunities-extension-projection-line h3 { margin: 0 0 8px; font-size: 12px; }\n.opportunities-extension-projection-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0; }\n.opportunities-extension-projection-fields > div { min-width: 0; }\n.opportunities-extension-projection-fields dt { font-weight: 600; color: #5f5a55; font-size: 11px; }\n.opportunities-extension-projection-fields dd { margin: 2px 0 0; font-variant-numeric: tabular-nums; }\n.opportunities-extension-projection-fields a { color: #006d7a; text-decoration: underline; }\n.opportunities-extension-projection-children { margin-top: 14px; padding-left: 12px; border-left: 2px solid #dedbd7; }\n.opportunities-extension-projection-children > section + section { margin-top: 16px; }\n.opportunities-extension-plan-detail-error { color: #a12424; font-size: 12px; }\n.opportunities-extension-projection-empty { color: #5f5a55; font-size: 12px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-popover { color: #f1efec; background: #302e2b; border-color: #716b64; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #ffb9b9; background: #682e32; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"overage\"] { color: #c5dfff; background: #224b76; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields dt,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-empty { color: #cec9c2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields a { color: #76dbea; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-plan-detail-error { color: #ffb9b9; }\n@media (max-width: 480px) { .opportunities-extension-projection-fields { grid-template-columns: minmax(0, 1fr); } }\n@media (max-width: 480px) {\n  .opportunities-extension-consumption-trend-header > .opportunities-extension-consumption-periods { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (prefers-reduced-motion: reduce) { .opportunities-extension-plan-detail-skeleton { animation: none; } }\n\n.opportunities-extension-account-plan-details > .opportunities-extension-contract-row {\n  align-items: center;\n}\n.opportunities-extension-contract-row > dt,\n.opportunities-extension-contract-row > dd,\n.opportunities-extension-contract-ratecard > span {\n  line-height: 20px;\n}\n.opportunities-extension-contract-ratecard {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n}\n.opportunities-extension-ratecard-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  box-sizing: border-box;\n  height: 28px;\n  margin: 0;\n  flex: 0 0 auto;\n  padding: 0 8px;\n  border: 1px solid #8aaeb9;\n  border-radius: 4px;\n  background: #fff;\n  color: #006b80;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 20px;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-button:hover { background: #e8f4f6; }\n.opportunities-extension-ratecard-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 8;\n  display: flex;\n  justify-content: flex-end;\n  overflow: hidden;\n  overflow: clip;\n  background: rgba(0, 0, 0, 0);\n  transition: background-color 320ms ease;\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] { background: rgba(0, 0, 0, .32); }\n.opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #fff;\n  --ratecard-heading: #faf9f8;\n  --ratecard-text: #312d2a;\n  --ratecard-muted: #615a55;\n  --ratecard-border: #dedbd8;\n  --ratecard-accent: #00758f;\n  --ratecard-skeleton: #eae7e4;\n  display: grid;\n  grid-template-rows: auto auto auto minmax(0, 1fr);\n  width: min(1520px, calc(100% - 48px));\n  height: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  box-shadow: -6px 0 24px rgba(0, 0, 0, .2);\n  transform: translateX(100%);\n  transition: transform 320ms cubic-bezier(.22, .61, .36, 1);\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(0); }\n.opportunities-extension-ratecard-header > div { min-width: 0; overflow-wrap: anywhere; }\n.opportunities-extension-ratecard-plan-details { padding: 12px 20px 0; }\n.opportunities-extension-ratecard-toolbar { display: flex; align-items: center; gap: 16px; padding: 12px 20px; }\n.opportunities-extension-ratecard-search {\n  width: min(360px, 100%);\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 9px 12px;\n  border: 1px solid var(--ratecard-muted);\n  border-radius: 4px;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-ratecard-search::placeholder { color: var(--ratecard-muted); opacity: 1; }\n.opportunities-extension-ratecard-count { color: var(--ratecard-muted); font-size: 12px; white-space: nowrap; }\n.opportunities-extension-ratecard-viewport { overflow: auto; min-height: 0; min-width: 0; scrollbar-gutter: stable; }\n.opportunities-extension-ratecard-table { width: 100%; min-width: 1100px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 12px; }\n.opportunities-extension-ratecard-table th, .opportunities-extension-ratecard-table td {\n  padding: 11px 10px;\n  border-bottom: 1px solid var(--ratecard-border);\n  vertical-align: top;\n  overflow-wrap: anywhere;\n  text-align: left;\n}\n.opportunities-extension-ratecard-table th { position: sticky; top: 0; z-index: 1; background: var(--ratecard-heading); }\n.opportunities-extension-ratecard-sort {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  align-items: center;\n  gap: 5px;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-weight: 600;\n  text-align: left;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-sort-icon { color: var(--ratecard-accent); text-align: center; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-numeric { text-align: right; font-variant-numeric: tabular-nums; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-notice { padding: 28px 20px; text-align: center; }\n.opportunities-extension-ratecard-notice [role=\"alert\"] { color: #b3261e; }\n.opportunities-extension-ratecard-skeleton { display: block; width: 85%; height: 14px; border-radius: 3px; background: var(--ratecard-skeleton); animation: opportunities-ratecard-pulse 1.1s ease-in-out infinite alternate; }\n.opportunities-extension-ratecard-drawer :focus-visible, .opportunities-extension-ratecard-button:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] { pointer-events: none; background: rgba(0, 0, 0, 0); transition-duration: 180ms; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(100%); transition-duration: 180ms; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #292725;\n  --ratecard-heading: #35322f;\n  --ratecard-text: #f5f3f1;\n  --ratecard-muted: #c2bcb6;\n  --ratecard-border: #514c47;\n  --ratecard-accent: #59d1e5;\n  --ratecard-skeleton: #514c47;\n}\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button { color: #59d1e5; border-color: #6298a2; background: #292725; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button:hover { background: #313f40; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-notice [role=\"alert\"] { color: #ffb4ab; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer :focus-visible, [data-theme=\"dark\"] .opportunities-extension-ratecard-button:focus-visible { outline-color: #59d1e5; }\n@keyframes opportunities-ratecard-pulse { from { opacity: .45; } to { opacity: 1; } }\n@media (max-width: 720px) {\n  .opportunities-extension-ratecard-drawer { width: 100%; }\n  .opportunities-extension-ratecard-toolbar { flex-wrap: wrap; gap: 8px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-ratecard-overlay, .opportunities-extension-ratecard-drawer, .opportunities-extension-ratecard-skeleton,\n  .opportunities-extension-ratecard-overlay[data-closing=\"true\"], .opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { animation: none; transition: none; }\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog,\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog {\n  grid-template-rows: auto auto minmax(0, 1fr);\n}\n.opportunities-extension-customer-table-toolbar { padding: 12px 16px; border-bottom: 1px solid #dedbd7; }\n.opportunities-extension-customer-table-search {\n  box-sizing: border-box;\n  width: min(420px, 100%);\n  min-width: 0;\n  height: 38px;\n  padding: 8px 12px;\n  border: 1px solid #8f8a85;\n  border-radius: 4px;\n  background: #fff;\n  color: #312d2a;\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-customer-table-search::placeholder { color: #5f5a55; opacity: 1; }\n.opportunities-extension-customer-table-search:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-toolbar { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search { background: #353331; color: #f6f4f2; border-color: #8f8a85; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search::placeholder { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search:focus-visible { outline-color: #59d1e5; }\n";
 // Source: src/shared/messages.js
 /** Stable wire names. All payloads remain plain, serializable objects. */
 function createMessageTypes() {
@@ -16,6 +16,7 @@ function createMessageTypes() {
     requestCustomerServiceRequest: "opportunitiesExtension.requestCustomerServiceRequest",
     requestWlActions: "opportunitiesExtension.requestWlActions",
     requestCurrentUser: "opportunitiesExtension.requestCurrentUser",
+    invalidateProductsCache: "opportunitiesExtension.invalidateProductsCache",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend",
     requestConsumptionPlanDetail: "opportunitiesExtension.requestConsumptionPlanDetail",
     requestRatecardByPlan: "opportunitiesExtension.requestRatecardByPlan"
@@ -447,6 +448,7 @@ function createContentModal({
   closeOwnerFilterPanel,
   closePreferencesModal,
   createSettingsIcon,
+  createRefreshAllButton,
   debugState,
   ensureExtensionStyles,
   getCustomerOptions,
@@ -523,7 +525,6 @@ function createContentModal({
     overlay.setAttribute("role", "dialog");
     overlay.setAttribute("aria-modal", "true");
     overlay.setAttribute("aria-labelledby", "opportunities-extension-title");
-    overlay.setAttribute("aria-describedby", "opportunities-extension-subtitle");
 
     const shell = document.createElement("section");
     shell.className = "opportunities-extension-shell";
@@ -535,10 +536,6 @@ function createContentModal({
     title.id = "opportunities-extension-title";
     title.textContent = "Opportunities Extension";
 
-    const subtitle = document.createElement("p");
-    subtitle.id = "opportunities-extension-subtitle";
-    subtitle.textContent = "Lista de oportunidades do HCM Opportunities List";
-
     const authBadge = document.createElement("span");
     authBadge.className = "opportunities-extension-auth-badge opportunities-extension-auth-badge-pending";
     authBadge.setAttribute("data-auth-status", AUTH_STATUS.pending);
@@ -558,9 +555,10 @@ function createContentModal({
     productsCacheTimestamp.className = "opportunities-extension-products-cache-timestamp";
     productsCacheTimestamp.setAttribute("role", "status");
     productsCacheTimestamp.hidden = true;
-    subtitleRow.append(subtitle, authBadge, productsProgressBadge, productsCacheTimestamp);
+    subtitleRow.append(authBadge, productsProgressBadge, productsCacheTimestamp);
 
     const titleBlock = document.createElement("div");
+    titleBlock.className = "opportunities-extension-title-row";
     titleBlock.append(title, subtitleRow);
 
     const closeButton = document.createElement("button");
@@ -589,7 +587,7 @@ function createContentModal({
 
     const headerActions = document.createElement("div");
     headerActions.className = "opportunities-extension-header-actions";
-    headerActions.append(themeButton, preferencesButton, closeButton);
+    headerActions.append(themeButton, createRefreshAllButton(() => select.value), preferencesButton, closeButton);
 
     header.append(titleBlock, headerActions);
 
@@ -1089,7 +1087,22 @@ function createContentIcons({
     return svg;
   }
 
-  return { createThemeIcon, createSettingsIcon, createCloseIcon };
+  function createRefreshIcon() {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    path.setAttribute("d", "M20 7v5h-5M4 17v-5h5M6.1 6.1A8 8 0 0 1 19.7 10M4.3 14a8 8 0 0 0 13.6 3.9");
+    path.setAttribute("fill", "none");
+    path.setAttribute("stroke", "currentColor");
+    path.setAttribute("stroke-width", "1.8");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    svg.append(path);
+    return svg;
+  }
+  return { createThemeIcon, createSettingsIcon, createCloseIcon, createRefreshIcon };
 }
 
 // Source: src/content/svg.js
@@ -1911,7 +1924,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
         "OpportunityName_Id_c.OptyNumber", "Owner"], skipInValidFields: true, limit: 15, offset
     };
   }
-  async function requestCrmServiceRequest(token, version, isActive = () => isCurrentPeriodRequest(version)) {
+  async function requestCrmServiceRequest(token, version, isActive = () => isCurrentPeriodRequest(version), onProgress = () => {}) {
     const items = [];
     let offset = 0;
     while (isActive()) {
@@ -1934,6 +1947,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
         }
         if (!isActive()) return null;
         items.push(...data.items);
+        onProgress(items.length, Number.isFinite(data.totalResults) && data.totalResults >= items.length ? data.totalResults : null);
         if (!data.hasMore) return items;
         const received = data.count === undefined ? data.items.length : Number(data.count);
         const current = data.offset === undefined ? offset : Number(data.offset);
@@ -1953,22 +1967,32 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
 }
 
 // Source: src/features/opportunities/crm-service-requests.js
-function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, allowsCrmActivities, environment }) {
+function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, allowsCrmActivities, reportProgress, activityCache, environment }) {
   let status = "idle";
   let byOpportunity = new Map();
   let pending = null;
   let generation = 0;
-  function reset() { closePopover(); generation += 1; pending = null; status = "idle"; byOpportunity = new Map(); }
-  function load(token, version) {
+  function reset() { closePopover(); generation += 1; pending = null; status = "idle"; byOpportunity = new Map(); reportProgress("idle"); }
+  function load(token, version, cacheOptions = null) {
     if (!allowsCrmActivities() || !isCurrentPeriodRequest(version)) return;
-    if (!pending) pending = run(token, version, generation);
+    if (!pending) pending = run(token, version, generation, cacheOptions);
     return pending;
   }
-  async function run(token, version, currentGeneration) {
+  async function run(token, version, currentGeneration, cacheOptions) {
     const isActive = () => currentGeneration === generation;
     status = "loading";
     try {
-      const items = await requestCrmServiceRequest(token, version, isActive);
+      const cached = cacheOptions ? await activityCache.read("sr", "all", cacheOptions.cachedAt) : null;
+      if (!isActive()) return;
+      if (!cached && cacheOptions?.cacheOnly) { status = "idle"; return; }
+      let items = cached?.items;
+      if (!items) {
+        reportProgress("running", 0);
+        items = await requestCrmServiceRequest(token, version, isActive, (count, total) => {
+          if (isActive()) reportProgress("running", count, total);
+        });
+        if (items && isActive() && cacheOptions) await activityCache.write("sr", "all", cacheOptions.cachedAt, items);
+      }
       if (!items || !isActive()) return;
       const grouped = new Map();
       for (const item of items) {
@@ -1980,8 +2004,9 @@ function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurre
       }
       byOpportunity = grouped;
       status = "ready";
+      if (!cached) reportProgress("complete", items.length, items.length);
     } catch {
-      if (isActive()) status = "error";
+      if (isActive()) { status = "error"; reportProgress("error"); }
     }
   }
   function createBadge(optyNumber) {
@@ -2030,7 +2055,7 @@ function createProductActivities({ productsContentState, opportunitiesQueryState
     if (!current || current.completed || current.requestId !== requestId
       || productsContentState.currentProductsRequestId !== requestId) return;
     current.completed = true;
-    const products = [...productsContentState.opptyProductsByNumber.values()].filter(result => !result.error && !result.fromCache);
+    const products = [...productsContentState.opptyProductsByNumber.values()].filter(result => !result.error);
     if (!products.length) return;
     resetCrm();
     const seen = new Set();
@@ -2041,15 +2066,162 @@ function createProductActivities({ productsContentState, opportunitiesQueryState
         seen.add(id);
         return true;
       });
-      loadActions({ ...result, items }, true);
+      loadActions({ ...result, items }, true, { cachedAt: result.cachedAt, cacheOnly: result.fromCache === true });
     }
-    Promise.resolve(loadCrm(current.token, current.version)).finally(() => {
+    const cachedAt = Math.max(...products.map(result => Number(result.cachedAt) || 0));
+    Promise.resolve(loadCrm(current.token, current.version, { cachedAt, cacheOnly: products.every(result => result.fromCache) })).finally(() => {
       if (cycle === current && productsContentState.currentProductsRequestId === requestId) render();
     }).catch(() => {});
   }
   return { begin, complete };
 }
 
+// Source: src/features/opportunities/refresh-all.js
+function createRefreshAll({ messageTypes, sendRuntimeMessage, activityCache, resetRelatedData,
+  opportunitiesQueryState, productsContentState, consumptionPlansState, consumptionTrendState,
+  aiSummaryState, reload, onFailure, notify, createRefreshIcon, environment }) {
+  let pending = null;
+  function refresh(period) {
+    if (pending) return pending;
+    opportunitiesQueryState.periodRequestVersion += 1;
+    productsContentState.currentProductsRequestId = "";
+    productsContentState.opptyProductsByNumber = new Map();
+    productsContentState.expandedProductOptyNumbers = new Set();
+    productsContentState.productsLastCachedAt = 0;
+    productsContentState.productsProgress = { state: "idle", completed: 0, total: 0, failed: 0, cacheHits: 0 };
+    consumptionPlansState.accountPlansRequestState = new Map();
+    consumptionTrendState.consumptionTrendCache = new Map();
+    consumptionTrendState.consumptionTrendWindowOffsets = new Map();
+    consumptionTrendState.consumptionTrendSeriesFilters = new Map();
+    aiSummaryState.aiSummariesByOptyNumber = new Map();
+    resetRelatedData();
+    pending = (async () => {
+      await activityCache.invalidate();
+      const response = await sendRuntimeMessage({ type: messageTypes.invalidateProductsCache });
+      if (!response?.ok) throw new Error(response?.error || "Unable to clear product cache.");
+      await reload(period);
+    })().catch(error => { onFailure(error); throw error; }).finally(() => { pending = null; });
+    return pending;
+  }
+  function createButton(getPeriod) {
+    const button = environment.document.createElement("button");
+    button.type = "button";
+    button.className = "opportunities-extension-icon-button opportunities-extension-refresh-all";
+    button.append(createRefreshIcon());
+    button.title = "Refresh all";
+    button.setAttribute("aria-label", "Refresh all");
+    button.addEventListener("click", async () => {
+      if (button.disabled) return;
+      button.disabled = true;
+      button.title = "Refreshing...";
+      button.setAttribute("aria-busy", "true");
+      try { await refresh(getPeriod()); }
+      catch (error) { notify(error.message || "Unable to refresh cached data.", true); }
+      finally {
+        button.disabled = false;
+        button.title = "Refresh all";
+        button.setAttribute("aria-busy", "false");
+      }
+    });
+    return button;
+  }
+  return { refresh, createButton };
+}
+
+// Source: src/features/opportunities/activity-cache.js
+function createActivityCache({ authSessionState, preferencesState, environment }) {
+  const { browser, chrome } = environment;
+  const invalidatedKey = "opportunitiesExtension.activities.invalidatedAt.v1";
+  async function invalidate() {
+    await storage("set", { [invalidatedKey]: Date.now() });
+    const entries = await storage("get", null);
+    const keys = Object.keys(entries || {}).filter(key => key.startsWith("opportunitiesExtension.activities.v1:"));
+    if (keys.length) await storage("remove", keys);
+  }
+  function storage(method, argument) {
+    if (browser?.storage?.local) return browser.storage.local[method](argument);
+    if (!chrome?.storage?.local) return Promise.reject(new Error("Extension storage unavailable."));
+    return new Promise((resolve, reject) => {
+      chrome.storage.local[method](argument, result => {
+        const error = chrome.runtime?.lastError;
+        if (error) reject(new Error(error.message));
+        else resolve(result);
+      });
+    });
+  }
+  function context(kind, id, timestamp) {
+    const principal = authSessionState.principal;
+    const fetchedAt = Number(timestamp);
+    const hours = Number(preferencesState.opptyProductsCacheHours);
+    const ttl = Number.isFinite(hours) && hours > 0 ? Math.min(hours, 720) * 3600000 : 86400000;
+    if (!principal || !Number.isFinite(fetchedAt) || fetchedAt <= 0 || fetchedAt > Date.now() || Date.now() - fetchedAt >= ttl) return null;
+    return { key: `opportunitiesExtension.activities.v1:${JSON.stringify([principal, kind, String(id)])}`, fetchedAt };
+  }
+  async function read(kind, id, timestamp) {
+    const scope = context(kind, id, timestamp);
+    if (!scope) return null;
+    try {
+      const invalidated = await storage("get", invalidatedKey);
+      if (scope.fetchedAt <= Number(invalidated?.[invalidatedKey] || 0)) return null;
+      const result = await storage("get", scope.key);
+      const entry = result?.[scope.key];
+      return entry?.fetchedAt === scope.fetchedAt && Array.isArray(entry.items)
+        && entry.items.every(item => item && typeof item === "object" && !Array.isArray(item))
+        && typeof entry.hasNext === "boolean" ? entry : null;
+    } catch { return null; }
+  }
+  async function write(kind, id, timestamp, items, hasNext = false) {
+    const scope = context(kind, id, timestamp);
+    if (!scope || !Array.isArray(items)) return;
+    try {
+      const invalidated = await storage("get", invalidatedKey);
+      if (scope.fetchedAt <= Number(invalidated?.[invalidatedKey] || 0)) return;
+      await storage("set", { [scope.key]: { fetchedAt: scope.fetchedAt, items, hasNext: Boolean(hasNext) } });
+    } catch { /* Storage failure must not discard successfully fetched data. */ }
+  }
+  return { invalidate, read, write };
+}
+
+// Source: src/features/opportunities/activity-progress.js
+function createActivityProgress({ MODAL_ID, environment }) {
+  const { document, setTimeout, clearTimeout, matchMedia } = environment;
+  const entries = new Map();
+  function update(key, state, completed = 0, total = null) {
+    const host = document?.querySelector?.(`#${MODAL_ID} .opportunities-extension-subtitle-row`);
+    if (!host) return;
+    let entry = entries.get(key);
+    if (!entry) {
+      const badge = document.createElement("span");
+      badge.className = "opportunities-extension-products-progress";
+      badge.setAttribute("role", "status");
+      badge.setAttribute("aria-live", "polite");
+      host.append(badge);
+      entry = { badge, timer: null, hideTimer: null, state: "idle" };
+      entries.set(key, entry);
+    }
+    if (state === "complete" && entry.state === "complete") return;
+    clearTimeout(entry.timer);
+    clearTimeout(entry.hideTimer);
+    entry.state = state;
+    const label = key === "sr" ? "Service Requests" : "Actions";
+    entry.badge.hidden = state === "idle";
+    entry.badge.setAttribute("data-state", state);
+    entry.badge.setAttribute("data-fading", "false");
+    entry.badge.setAttribute("aria-busy", String(state === "running"));
+    const count = total === null ? String(completed) : `${completed}/${total}`;
+    entry.badge.textContent = state === "error" ? `${label} unavailable`
+      : state === "complete-with-errors" ? `${label} ${count} (errors)`
+      : state === "complete" ? `${label} ready ${completed}` : `${label} ${count}`;
+    entry.badge.title = key === "sr" ? "CRM service request records loaded" : "Workload action requests completed";
+    if (state === "complete") entry.timer = setTimeout(() => {
+      entry.badge.setAttribute("data-fading", "true");
+      const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+      entry.hideTimer = setTimeout(() => { entry.badge.hidden = true; }, reduced ? 0 : 300);
+    }, 5000);
+  }
+  return { update };
+}
+
 // Source: src/features/opportunities/crm-sr-popover.js
 function createCrmSrPopover({ MODAL_ID, createCopyButton, createCloseIcon, environment }) {
   const { document, window, setTimeout, clearTimeout } = environment;
@@ -2182,26 +2354,38 @@ function createCrmSrPopover({ MODAL_ID, createCopyButton, createCloseIcon, envir
 
 // Source: src/features/opportunities/workload-actions.js
 function createOpportunityWorkloadActions({ authSessionState, allowsCrmActivities, requestConsumerTokenServiceOnce, sendRuntimeMessage,
-  appendBackgroundRequestLog, queueProductsTableRender, productsContentState, messageTypes, environment }) {
+  appendBackgroundRequestLog, queueProductsTableRender, productsContentState, messageTypes, reportProgress, activityCache, environment }) {
   let session = newSession();
-  function newSession() { return { enabled: true, records: new Map(), queue: [], running: 0 }; }
+  function newSession() { return { enabled: true, records: new Map(), queue: [], running: 0, progress: new Set() }; }
+  function updateProgress(current) {
+    if (current !== session || !current.enabled || !current.progress.size) return;
+    const records = [...current.progress];
+    const completed = records.filter(record => record.status !== "loading").length;
+    const failed = records.filter(record => record.status === "error").length;
+    reportProgress(completed < records.length ? "running" : failed ? "complete-with-errors" : "complete", completed, records.length);
+  }
   function reset(enabled = true) {
     session.enabled = false;
     session.queue.length = 0;
     session = newSession();
     session.enabled = enabled;
+    reportProgress("idle");
   }
   function idsFor(products) {
     return [...new Set((products?.items || []).map(item => String(item?.RevnId ?? "").trim()).filter(Boolean))];
   }
-  function loadProducts(products, refresh = false) {
+  function loadProducts(products, refresh = false, cacheOptions = null) {
     if (!session.enabled || !allowsCrmActivities()) return;
+    if ([...session.progress].every(record => record.status !== "loading")) session.progress.clear();
     for (const revnId of idsFor(products)) {
       if (!refresh && session.records.has(revnId)) continue;
+      session.progress.delete(session.records.get(revnId));
       const record = { status: "loading", actions: [], hasNext: false };
       session.records.set(revnId, record);
-      session.queue.push({ revnId, record });
+      if (!cacheOptions) session.progress.add(record);
+      session.queue.push({ revnId, record, cacheOptions });
     }
+    updateProgress(session);
     pump(session);
   }
   function reopen() {
@@ -2216,23 +2400,35 @@ function createOpportunityWorkloadActions({ authSessionState, allowsCrmActivitie
       run(current, job).finally(() => { current.running -= 1; pump(current); });
     }
   }
-  async function run(current, { revnId, record }) {
+  async function run(current, { revnId, record, cacheOptions }) {
     try {
+      const cached = cacheOptions ? await activityCache.read("actions", revnId, cacheOptions.cachedAt) : null;
+      if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
+      if (cached) {
+        record.actions = cached.items;
+        record.hasNext = cached.hasNext;
+        record.status = "ready";
+        return;
+      }
+      if (cacheOptions?.cacheOnly) { record.status = "error"; record.error = "No matching activity cache for this product update."; return; }
+      current.progress.add(record);
+      updateProgress(current);
       const authorizations = await requestConsumerTokenServiceOnce();
       if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
       const result = await sendRuntimeMessage({ type: messageTypes.requestWlActions, revnId, authorization: authorizations?.workloadActions });
-      if (!current.enabled || current !== session || !allowsCrmActivities()) return;
+      if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
       appendBackgroundRequestLog(result?.debugRequests);
       if (!result?.ok) throw new Error(result?.error || "Unable to load workload actions.");
       record.actions = result.actions;
       record.hasNext = result.hasNext;
       record.status = "ready";
+      if (cacheOptions) await activityCache.write("actions", revnId, cacheOptions.cachedAt, result.actions, result.hasNext);
     } catch (error) {
       if (!current.enabled || current !== session) return;
       record.status = "error";
       record.error = error.message || "Unable to load workload actions.";
     } finally {
-      if (current.enabled && current === session) queueProductsTableRender();
+      if (current.enabled && current === session) { updateProgress(current); queueProductsTableRender(); }
     }
   }
   function createBadge(optyNumber) {
@@ -4158,7 +4354,8 @@ function createConsumptionPlansAction({
         return;
       }
 
-      consumptionPlansState.accountPlansRequestState.set(optyNumber, { status: "loading" });
+      const currentRequests = consumptionPlansState.accountPlansRequestState;
+      currentRequests.set(optyNumber, { status: "loading" });
       openAccountPlansModal(opportunity, [], "loading");
       renderOpportunitiesTable();
       requestConsumerTokenServiceOnce()
@@ -4168,6 +4365,7 @@ function createConsumptionPlansAction({
           authorizations
         }))
         .then((response) => {
+          if (consumptionPlansState.accountPlansRequestState !== currentRequests) return;
           appendBackgroundRequestLog(response && response.debugRequests);
 
           if (!response || !response.ok) {
@@ -4181,6 +4379,7 @@ function createConsumptionPlansAction({
           renderOpportunitiesTable();
           openAccountPlansModal(opportunity, response.plans || [], "ready");
         }).catch((error) => {
+          if (consumptionPlansState.accountPlansRequestState !== currentRequests) return;
           const errorMessage = error.message || "Unable to load cloud consumption.";
           consumptionPlansState.accountPlansRequestState.set(optyNumber, {
             status: "error",
@@ -4261,7 +4460,7 @@ function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce
       try {
         if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
         if (!pending.has(partyNumber)) {
-          const request = load(partyNumber).finally(() => pending.delete(partyNumber));
+          const request = load(partyNumber).finally(() => { if (pending.get(partyNumber) === request) pending.delete(partyNumber); });
           pending.set(partyNumber, request);
         }
         view.render(await pending.get(partyNumber));
@@ -4271,7 +4470,7 @@ function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce
     });
     return button;
   }
-  return { createInstallBaseButton };
+  return { createInstallBaseButton, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/install-base/view.js
@@ -4490,7 +4689,8 @@ function createServiceRequestsAction({ messageTypes, requestConsumerTokenService
       try {
         if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
         if (!pending.has(partyNumber)) {
-          pending.set(partyNumber, load(partyNumber).finally(() => pending.delete(partyNumber)));
+          const request = load(partyNumber).finally(() => { if (pending.get(partyNumber) === request) pending.delete(partyNumber); });
+          pending.set(partyNumber, request);
         }
         view.render(await pending.get(partyNumber));
       } catch (error) {
@@ -4499,7 +4699,7 @@ function createServiceRequestsAction({ messageTypes, requestConsumerTokenService
     });
     return button;
   }
-  return { createServiceRequestsButton };
+  return { createServiceRequestsButton, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/service-requests/view.js
@@ -5128,7 +5328,10 @@ function createRatecardController({ messageTypes, requestConsumerTokenServiceOnc
     try {
       const planNumber = String(plan.subPlanNum ?? "").trim();
       if (!planNumber) throw new Error("Plan number is unavailable for this account plan.");
-      if (!pending.has(planNumber)) pending.set(planNumber, request(planNumber).finally(() => pending.delete(planNumber)));
+      if (!pending.has(planNumber)) {
+        const promise = request(planNumber).finally(() => { if (pending.get(planNumber) === promise) pending.delete(planNumber); });
+        pending.set(planNumber, promise);
+      }
       handle.showItems(await pending.get(planNumber));
     } catch (error) {
       handle.showError(error.message || "Unable to load rate card.");
@@ -5145,7 +5348,7 @@ function createRatecardController({ messageTypes, requestConsumerTokenServiceOnc
     button.addEventListener("click", () => showRatecard(plan, button));
     return button;
   }
-  return { createRatecardButton, showRatecard };
+  return { createRatecardButton, showRatecard, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/ratecard/view.js
@@ -5400,7 +5603,10 @@ function createConsumptionPlanDetailController({ messageTypes, requestConsumerTo
     current.promise = (async () => {
       try {
         if (!subPlanNum) throw new Error("Sub plan number is unavailable.");
-        if (!pending.has(subPlanNum)) pending.set(subPlanNum, request(subPlanNum).finally(() => pending.delete(subPlanNum)));
+        if (!pending.has(subPlanNum)) {
+          const promise = request(subPlanNum).finally(() => { if (pending.get(subPlanNum) === promise) pending.delete(subPlanNum); });
+          pending.set(subPlanNum, promise);
+        }
         const items = await pending.get(subPlanNum);
         if (!section.isConnected || states.get(section) !== current) return;
         current.status = "ready";
@@ -5420,7 +5626,7 @@ function createConsumptionPlanDetailController({ messageTypes, requestConsumerTo
     })();
     return current.promise;
   }
-  return { createPlanDetailSection, loadPlanDetailForPanel };
+  return { createPlanDetailSection, loadPlanDetailForPanel, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/consumption/plan-detail-view.js
@@ -6898,6 +7104,7 @@ function createContentApplication(overrides = {}) {
   const opportunitiesTableState = createOpportunitiesTableState();
   const opportunitiesFilterState = createOpportunitiesFilterState(contracts);
   const preferencesState = createPreferencesState(contracts);
+  const activityCache = createActivityCache({ authSessionState, preferencesState, environment });
   const productsContentState = createProductsContentState();
   const aiSummaryState = createAiSummaryState();
   const consumptionPlansState = createConsumptionPlansState();
@@ -6957,6 +7164,7 @@ function createContentApplication(overrides = {}) {
     closeOwnerFilterPanel: (...args) => opportunitiesFilters.closeOwnerFilterPanel(...args),
     closePreferencesModal: (...args) => preferencesView.closePreferencesModal(...args),
     createSettingsIcon: (...args) => contentIcons.createSettingsIcon(...args),
+    createRefreshAllButton: (...args) => refreshAll.createButton(...args),
     debugState,
     ensureExtensionStyles: (...args) => contentStyles.ensureExtensionStyles(...args),
     getCustomerOptions: (...args) => opportunitiesFormatters.getCustomerOptions(...args),
@@ -7086,6 +7294,8 @@ function createContentApplication(overrides = {}) {
     createCloseIcon: (...args) => contentIcons.createCloseIcon(...args), environment
   });
   const opportunityCrmServiceRequests = createOpportunityCrmServiceRequests({
+    activityCache,
+    reportProgress: (...args) => activityProgress.update("sr", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
     bindPopover: (...args) => crmSrPopover.bind(...args),
     closePopover: (...args) => crmSrPopover.close(...args),
@@ -7193,6 +7403,29 @@ function createContentApplication(overrides = {}) {
     requestOpportunitiesForPeriod: (...args) => opportunitiesController.requestOpportunitiesForPeriod(...args),
     environment
   });
+  const refreshAll = createRefreshAll({
+    createRefreshIcon: () => contentIcons.createRefreshIcon(),
+    messageTypes, activityCache, opportunitiesQueryState, productsContentState,
+    consumptionPlansState, consumptionTrendState, aiSummaryState, environment,
+    sendRuntimeMessage: (...args) => platformContentMessages.sendRuntimeMessage(...args),
+    reload: (...args) => opportunitiesController.requestOpportunitiesForPeriod(...args),
+    onFailure: error => opportunitiesTable.setOpportunitiesTableState({ status: "error", message: error.message || "Unable to refresh cached data." }),
+    notify: (...args) => opportunitiesLinks.showCopyConfirmation(...args),
+    resetRelatedData: () => {
+      opportunityCrmServiceRequests.reset();
+      opportunityWorkloadActions.reset();
+      consumptionPlansView.closeAccountPlansModal();
+      installBaseView.closeInstallBaseModal();
+      serviceRequestsView.closeServiceRequestsModal();
+      installBaseAction.resetRequests();
+      serviceRequestsAction.resetRequests();
+      ratecardController.resetRequests();
+      consumptionPlanDetailController.resetRequests();
+      productsContentJobs.renderProductsProgress();
+      opportunitiesTable.setOpportunitiesTableState({ status: "loading", message: "Refreshing data..." });
+    }
+  });
+  const activityProgress = createActivityProgress({ MODAL_ID: contracts.MODAL_ID, environment });
   const productActivities = createProductActivities({
     productsContentState, opportunitiesQueryState,
     resetCrm: () => opportunityCrmServiceRequests.reset(),
@@ -7215,6 +7448,8 @@ function createContentApplication(overrides = {}) {
     environment
   });
   const opportunityWorkloadActions = createOpportunityWorkloadActions({
+    activityCache,
+    reportProgress: (...args) => activityProgress.update("actions", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
     authSessionState,
     requestConsumerTokenServiceOnce: (...args) => authContentSession.requestConsumerTokenServiceOnce(...args),
@@ -7425,6 +7660,9 @@ function createContentApplication(overrides = {}) {
     preferencesView,
     productsContentJobs,
     productActivities,
+    activityProgress,
+    refreshAll,
+    activityCache,
     productsDetails,
     aiSummaryContent,
     consumptionPlansAction,
diff --git a/dist/firefox/background.js b/dist/firefox/background.js
index 98bef3a..5ef13dd 100644
--- a/dist/firefox/background.js
+++ b/dist/firefox/background.js
@@ -15,6 +15,7 @@ function createMessageTypes() {
     requestCustomerServiceRequest: "opportunitiesExtension.requestCustomerServiceRequest",
     requestWlActions: "opportunitiesExtension.requestWlActions",
     requestCurrentUser: "opportunitiesExtension.requestCurrentUser",
+    invalidateProductsCache: "opportunitiesExtension.invalidateProductsCache",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend",
     requestConsumptionPlanDetail: "opportunitiesExtension.requestConsumptionPlanDetail",
     requestRatecardByPlan: "opportunitiesExtension.requestRatecardByPlan"
@@ -1134,8 +1135,17 @@ function createProductsCache({
   storageLocalGet,
   storageLocalSet
 }) {
+  let generation = 0;
+  async function invalidate() {
+    generation += 1;
+    productsCacheState.inFlightProducts.clear();
+    productsCacheState.productsCachePromise = Promise.resolve({});
+    await saveProductsCache({});
+  }
   async function getOpptyProducts(optyNumber, accessToken, cacheMaxAgeMs, onDebug = () => {}) {
+    const currentGeneration = generation;
     const cache = await getProductsCache();
+    if (generation !== currentGeneration) return getOpptyProducts(optyNumber, accessToken, cacheMaxAgeMs, onDebug);
     const cachedEntry = cache[optyNumber];
 
     if (cachedEntry && Array.isArray(cachedEntry.items) && Date.now() - Number(cachedEntry.fetchedAt) < cacheMaxAgeMs) {
@@ -1153,15 +1163,14 @@ function createProductsCache({
       })
         .then(async (items) => {
           const fetchedAt = Date.now();
-          cache[optyNumber] = {
-            fetchedAt,
-            items
-          };
-          await saveProductsCache(cache).catch(() => {});
+          if (generation === currentGeneration) {
+            cache[optyNumber] = { fetchedAt, items };
+            await saveProductsCache(cache).catch(() => {});
+          }
           return { items, fetchedAt };
         })
         .finally(() => {
-          productsCacheState.inFlightProducts.delete(optyNumber);
+          if (productsCacheState.inFlightProducts.get(optyNumber) === flight) productsCacheState.inFlightProducts.delete(optyNumber);
         });
     }
 
@@ -1207,7 +1216,7 @@ function createProductsCache({
     return productsCacheState.productsCacheWritePromise;
   }
 
-  return { getOpptyProducts, normalizeCacheMaxAge, getProductsCache, saveProductsCache };
+  return { invalidate, getOpptyProducts, normalizeCacheMaxAge, getProductsCache, saveProductsCache };
 }
 
 // Source: src/services/fusion/products.js
@@ -1720,6 +1729,7 @@ function startBackgroundApplication(dependencies) {
 /** Register synchronously; replies retain the WebExtension sendResponse contract. */
 function registerBackgroundMessages({
   messageTypes,
+  invalidateProductsCache,
   getXsrfTokenCookie,
   refreshXsrfCookie,
   requestAccountPlans,
@@ -1739,6 +1749,10 @@ runtimeApi.runtime.onMessage.addListener((message, sender, sendResponse) => {
       return false;
     }
 
+    if (message.type === messageTypes.invalidateProductsCache) {
+      invalidateProductsCache().then(() => sendResponse({ ok: true })).catch(error => sendResponse({ ok: false, error: error.message || "Unable to clear products cache." }));
+      return true;
+    }
     if (message.type === messageTypes.getXsrfToken) {
       getXsrfTokenCookie()
         .then((result) => {
@@ -2014,7 +2028,7 @@ function createBackgroundApplication(overrides = {}) {
   const requestOpptyProducts = (...args) => productsBackgroundJobs.requestOpptyProducts(...args);
   const runtimeApi = environment.browser || environment.chrome;
   function start() {
-    startBackgroundApplication({ messageTypes, requestCurrentUser, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestCustomerServiceRequest, requestWlActions, requestConsumerTokenService, requestConsumptionTrend, requestConsumptionPlanDetail, requestRatecardByPlan, requestOpptyProducts, runtimeApi });
+    startBackgroundApplication({ messageTypes, invalidateProductsCache: () => productsCache.invalidate(), requestCurrentUser, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestCustomerServiceRequest, requestWlActions, requestConsumerTokenService, requestConsumptionTrend, requestConsumptionPlanDetail, requestRatecardByPlan, requestOpptyProducts, runtimeApi });
   }
   return {
     start, contracts,
diff --git a/dist/firefox/content.js b/dist/firefox/content.js
index 1019870..2552d64 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/* Full-page diagnostics, scoped to the extension and its current theme. */\n.opportunities-extension-modal .opportunities-extension-debug-panel {\n  --debug-surface: #fff;\n  --debug-code: #f5f6f7;\n  --debug-text: #312d2a;\n  --debug-muted: #5f5a55;\n  --debug-border: #dedbd7;\n  --debug-success: #22613b;\n  --debug-success-bg: #e1f1e5;\n  --debug-failed: #a12721;\n  --debug-failed-bg: #fce8e6;\n  --debug-pending: #805000;\n  --debug-pending-bg: #fff1ce;\n  --debug-info: #075e87;\n  --debug-info-bg: #e5f1fa;\n  --debug-key: #075e87;\n  --debug-string: #22613b;\n  --debug-number: #865000;\n  --debug-literal: #73429b;\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr);\n  width: auto;\n  height: auto;\n  max-height: none;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  margin: 0;\n  padding: 20px;\n  border: 0;\n  border-radius: 0;\n  background: var(--debug-surface);\n  color: var(--debug-text);\n  color-scheme: light;\n}\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel {\n  --debug-surface: #292827;\n  --debug-code: #222120;\n  --debug-text: #f6f4f2;\n  --debug-muted: #c9c5c1;\n  --debug-border: #514c47;\n  --debug-success: #a9e3bd;\n  --debug-success-bg: #214d34;\n  --debug-failed: #ffb4ab;\n  --debug-failed-bg: #582c2a;\n  --debug-pending: #ffe099;\n  --debug-pending-bg: #59441e;\n  --debug-info: #a8d9ff;\n  --debug-info-bg: #233f52;\n  --debug-key: #8ed6f0;\n  --debug-string: #a9e3bd;\n  --debug-number: #ffe099;\n  --debug-literal: #d6b7f1;\n  color: #f6f4f2;\n  color-scheme: dark;\n}\n.opportunities-extension-debug-actions { display: flex; gap: 8px; flex: 0 0 auto; }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-list {\n  overflow: auto;\n  min-height: 0;\n  min-width: 0;\n  align-content: start;\n  scrollbar-gutter: stable;\n  padding: 2px 8px 12px 2px;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item {\n  --debug-state: var(--debug-info);\n  --debug-state-bg: var(--debug-info-bg);\n  border-color: var(--debug-border);\n  border-left-color: var(--debug-state);\n  background: var(--debug-surface);\n  min-width: 0;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-success { --debug-state: var(--debug-success); --debug-state-bg: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-failed { --debug-state: var(--debug-failed); --debug-state-bg: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-pending { --debug-state: var(--debug-pending); --debug-state-bg: var(--debug-pending-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-status {\n  color: var(--debug-state);\n  background: var(--debug-state-bg);\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status,\n.opportunities-extension-debug-method {\n  color: var(--debug-info);\n  background: var(--debug-info-bg);\n}\n.opportunities-extension-debug-method {\n  display: inline-flex;\n  align-items: center;\n  min-height: 22px;\n  padding: 0 8px;\n  border-radius: 4px;\n  font: 700 11px/1.2 Consolas, monospace;\n}\n.opportunities-extension-debug-method[data-method=\"POST\"] { color: var(--debug-literal); background: var(--debug-code); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"2\"] { color: var(--debug-success); background: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"4\"],\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"5\"] { color: var(--debug-failed); background: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"pending\"] { color: var(--debug-pending); background: var(--debug-pending-bg); }\n.opportunities-extension-debug-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0 14px 16px; }\n.opportunities-extension-debug-block { min-width: 0; border-left: 2px solid var(--debug-info); padding-left: 10px; }\n.opportunities-extension-debug-block[data-direction=\"response\"] { border-left-color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-block h3 { margin: 0 0 8px; color: var(--debug-info); font-size: 12px; }\n.opportunities-extension-modal .opportunities-extension-debug-block[data-direction=\"response\"] h3 { color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item pre {\n  min-width: 0;\n  margin: 0;\n  padding: 12px;\n  max-height: 380px;\n  overflow: auto;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--debug-text);\n  background: var(--debug-code);\n  line-height: 1.6;\n  tab-size: 2;\n}\n.opportunities-extension-debug-json-key { color: var(--debug-key); }\n.opportunities-extension-debug-json-string { color: var(--debug-string); }\n.opportunities-extension-debug-json-number { color: var(--debug-number); }\n.opportunities-extension-debug-json-literal { color: var(--debug-literal); }\n@media (max-width: 760px) {\n  .opportunities-extension-modal .opportunities-extension-debug-panel { padding: 12px; }\n  .opportunities-extension-debug-details { grid-template-columns: minmax(0, 1fr); }\n}\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 button {\n  color: #f6f4f2;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading::before {\n  color: #c9c5c1;\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/* Compact filters use available CSS width, including Windows display scaling. */\n.opportunities-extension-products-progress,\n.opportunities-extension-auth-badge { opacity: 1; transition: opacity 300ms ease; }\n.opportunities-extension-products-progress[data-fading=\"true\"],\n.opportunities-extension-auth-badge[data-fading=\"true\"] { opacity: 0; }\n.opportunities-extension-auth-badge[hidden] { display: none; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-products-progress,\n  .opportunities-extension-auth-badge { transition: none; }\n}\n.opportunities-extension-crm-sr-badge {\n  flex: 0 0 auto;\n  padding: 0 6px;\n  border: 1px solid #408254;\n  border-radius: 8px;\n  font-size: 10px;\n  line-height: 18px;\n  font-weight: 600;\n  white-space: nowrap;\n  color: #185b30;\n  background: #e1f1e5;\n}\n.opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #9f201b; background: #fde8e7; border-color: #c74640; }\n.opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #785000; background: #fff0cd; border-color: #987021; }\n.opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #5f5a55; background: #eceae8; border-color: #8f8a85; }\n.opportunities-extension-crm-sr-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge { color: #b8e4c6; background: #214d34; border-color: #6eac82; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #ffd9d5; background: #542824; border-color: #ef938b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #ffe0a3; background: #584219; border-color: #c99b4b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #dedbd7; background: #484541; border-color: #8f8a85; }\n\n.opportunities-extension-form {\n  display: grid;\n  grid-template-columns: max-content minmax(110px, 1fr) minmax(110px, 1fr) minmax(145px, 180px) max-content max-content;\n  align-items: end;\n  gap: 12px;\n  min-height: 0;\n  padding: 12px;\n}\n\n.opportunities-extension-form > * {\n  min-width: 0;\n  width: 100%;\n  max-width: none;\n  grid-template-rows: auto 32px;\n  gap: 4px;\n  font-size: 12px;\n}\n\n.opportunities-extension-form > * > span:first-child {\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap {\n  width: 100%;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger,\n.opportunities-extension-form .opportunities-extension-table-search-field input {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: 32px;\n  min-height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger {\n  padding-right: 26px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap::after,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger::after {\n  right: 10px;\n  border-left-width: 4px;\n  border-right-width: 4px;\n  border-top-width: 5px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-controls,\n.opportunities-extension-form .opportunities-extension-status-filter-controls {\n  flex-wrap: nowrap;\n  gap: 4px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-button,\n.opportunities-extension-form .opportunities-extension-status-filter-button {\n  min-height: 28px;\n  padding: 4px 7px;\n  font-size: 11px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n/* Native select intrinsic sizing includes its longest option, not just the selection. */\n@media (min-width: 1151px) {\n  .opportunities-extension-form > .opportunities-extension-field,\n  .opportunities-extension-form .opportunities-extension-select-wrap,\n  .opportunities-extension-form .opportunities-extension-field select {\n    width: max-content;\n    max-width: none;\n  }\n}\n\n@media (max-width: 1150px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-column: span 2;\n  }\n}\n\n@media (max-width: 700px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .opportunities-extension-form .opportunities-extension-stage-filter-controls,\n  .opportunities-extension-form .opportunities-extension-status-filter-controls {\n    flex-wrap: wrap;\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-template-rows: auto auto;\n  }\n}\n\n@media (max-width: 420px) {\n  .opportunities-extension-form { grid-template-columns: minmax(0, 1fr); }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter { grid-column: auto; }\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  flex: 0 0 24px;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] .opportunities-extension-cell-actions {\n  min-width: 84px;\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-products-ramp {\n  display: inline-block;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0 6px;\n  border: 1px solid #bba5cf;\n  border-radius: 8px;\n  background: #f0e8f7;\n  color: #63358a;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp {\n  background: #43334f;\n  color: #ead5fc;\n  border-color: #9372ac;\n}\n\n.opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #fde8e7;\n  color: #9f201b;\n  border-color: #c74640;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #542824;\n  color: #ffd9d5;\n  border-color: #ef938b;\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.opportunities-extension-crm-sr-badge[type=\"button\"] { cursor: pointer; font-family: inherit; }\n.opportunities-extension-sr-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; overflow: auto;\n  padding: 12px; border: 1px solid #b9b5b0; border-radius: 6px;\n  background: #fff; color: #302e2b; box-shadow: 0 6px 24px #0003;\n  font: 12px/1.5 Arial, sans-serif; text-align: left; overflow-wrap: anywhere;\n}\n.opportunities-extension-sr-popover section { padding: 8px 0; }\n.opportunities-extension-sr-popover section + section { border-top: 1px solid #dedbd7; }\n.opportunities-extension-sr-number { display: flex; align-items: center; gap: 8px; padding-right: 30px; font-weight: 600; }\n.opportunities-extension-sr-popover a { color: #00677d; text-decoration: underline; }\n.opportunities-extension-sr-details { white-space: pre-wrap; margin-top: 6px; }\n.opportunities-extension-sr-dismiss {\n  position: absolute; top: 6px; right: 6px; width: 28px; height: 28px;\n  display: grid; place-items: center; padding: 4px; border: 0;\n  background: transparent; color: inherit; cursor: pointer;\n}\n.opportunities-extension-sr-dismiss svg { width: 16px; height: 16px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover { background: #292827; color: #f1efec; border-color: #77716b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover section + section { border-color: #5f5953; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover a { color: #7ddced; }\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {\n  width: min(1700px, 100%);\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header {\n  padding: 10px 12px;\n  gap: 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header h2 {\n  font-size: 16px;\n  line-height: 22px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header p {\n  font-size: 12px;\n  line-height: 16px;\n  margin-top: 3px;\n  overflow-wrap: anywhere;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-icon-button {\n  width: 28px;\n  height: 28px;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-toolbar {\n  padding: 8px 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-search {\n  width: min(320px, 100%);\n  height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\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: 10px 12px; font-size: 12px; line-height: 16px; }\n.opportunities-extension-install-base-table {\n  width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 11px;\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: 8px 6px; 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: 2px 5px; 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-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table,\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 { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message[role=\"alert\"] { color: #ffb4ab; }\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\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog { width: min(1700px, 100%); }\n.opportunities-extension-service-requests-content { min-width: 0; min-height: 0; overflow: auto; scrollbar-gutter: stable; }\n.opportunities-extension-service-requests-message { margin: 16px; font-size: 13px; }\n.opportunities-extension-service-requests-table {\n  width: 100%; min-width: 1200px; table-layout: fixed; border-collapse: collapse; font-size: 12px;\n}\n.opportunities-extension-service-requests-table col { width: 7%; }\n.opportunities-extension-service-requests-table .service-requests-col-name { width: 17%; }\n.opportunities-extension-service-requests-table .service-requests-col-id { width: 10%; }\n.opportunities-extension-service-requests-table .service-requests-col-severity { width: 5%; }\n.opportunities-extension-service-requests-table .service-requests-col-subStatus { width: 14%; }\n.opportunities-extension-service-requests-table .service-requests-col-productName { width: 12%; }\n.opportunities-extension-service-requests-table th,\n.opportunities-extension-service-requests-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-service-requests-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }\n.opportunities-extension-service-requests-table td[data-field=\"created\"],\n.opportunities-extension-service-requests-table td[data-field=\"lastUpdated\"],\n.opportunities-extension-service-requests-table td[data-field=\"id\"] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n.opportunities-extension-service-request-status {\n  display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;\n  color: #5f5a55; background: #eceae8;\n}\n.opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #17693a; background: #e1f1e5; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message[role=\"alert\"] { color: #ffb4ab; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th { background: #353331; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #b8e4c6; background: #214d34; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-service-requests-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }\n}\n\n/* Scope sizing to Cloud Consumption, not other dialogs sharing its components. */\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header { padding: 10px 12px; gap: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header h2 { font-size: 16px; line-height: 22px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header p { font-size: 12px; line-height: 16px; margin-top: 3px; overflow-wrap: anywhere; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-icon-button { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 4px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-tabs { padding: 4px 12px 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-tab { min-height: 30px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { padding: 8px 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { gap: 0 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details > div { grid-template-columns: minmax(85px, 35%) minmax(0, 1fr); min-height: 32px; padding: 4px 0; gap: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dt { font-size: 11px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dd { font-size: 12px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-trend { margin-top: 8px; padding-top: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-periods button { min-height: 28px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation { grid-template-columns: 28px minmax(120px, auto) 28px; min-height: 30px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation strong { font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation-button { width: 28px; height: 28px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr) 150px; gap: 8px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-svg { height: 100%; max-height: 100%; min-width: 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend button { font-size: 11px; padding: 4px; gap: 5px; }\n\n/* Small viewports must scroll rather than clip details or collapse the chart. */\n@media (max-height: 560px), (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-panels { overflow: auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { height: auto; min-height: 100%; grid-template-rows: auto minmax(280px, 1fr); }\n}\n@media (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { grid-template-columns: minmax(0, 1fr); }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend { display: flex; flex-wrap: wrap; }\n}\n\n.opportunities-extension-plan-detail-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }\n.opportunities-extension-consumption-trend-header { align-items: center; justify-content: space-between; gap: 12px; }\n.opportunities-extension-consumption-trend-header > .opportunities-extension-plan-detail-badges { min-width: 0; }\n.opportunities-extension-plan-detail-skeleton { width: 64px; height: 20px; }\n.opportunities-extension-projection-badge {\n  display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent;\n  padding: 3px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; line-height: 1.3;\n  color: #5f5a55; background: #eceae8; white-space: nowrap;\n}\nbutton.opportunities-extension-projection-badge { cursor: pointer; }\n.opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #a12424; background: #fbe5e5; }\n.opportunities-extension-projection-badge[data-status=\"overage\"] { color: #185a9d; background: #e0edfc; }\n.opportunities-extension-projection-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-projection-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; padding: 14px; overflow: auto; overscroll-behavior: contain;\n  border: 1px solid #b9b4ae; border-radius: 4px; background: #ffffff; color: #312d2a;\n  box-shadow: 0 4px 16px #0003; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere;\n}\n.opportunities-extension-projection-popover[hidden] { display: none; }\n.opportunities-extension-projection-popover .opportunities-extension-projection-dismiss {\n  display: grid; place-items: center; width: 24px; height: 24px; margin-left: auto; margin-bottom: 8px; padding: 4px; border: 1px solid #b9b4ae;\n  border-radius: 4px; background: transparent; color: inherit; cursor: pointer; font-size: 12px;\n}\n.opportunities-extension-projection-dismiss svg { width: 14px; height: 14px; }\n.opportunities-extension-projection-line h3 { margin: 0 0 8px; font-size: 12px; }\n.opportunities-extension-projection-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0; }\n.opportunities-extension-projection-fields > div { min-width: 0; }\n.opportunities-extension-projection-fields dt { font-weight: 600; color: #5f5a55; font-size: 11px; }\n.opportunities-extension-projection-fields dd { margin: 2px 0 0; font-variant-numeric: tabular-nums; }\n.opportunities-extension-projection-fields a { color: #006d7a; text-decoration: underline; }\n.opportunities-extension-projection-children { margin-top: 14px; padding-left: 12px; border-left: 2px solid #dedbd7; }\n.opportunities-extension-projection-children > section + section { margin-top: 16px; }\n.opportunities-extension-plan-detail-error { color: #a12424; font-size: 12px; }\n.opportunities-extension-projection-empty { color: #5f5a55; font-size: 12px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-popover { color: #f1efec; background: #302e2b; border-color: #716b64; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #ffb9b9; background: #682e32; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"overage\"] { color: #c5dfff; background: #224b76; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields dt,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-empty { color: #cec9c2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields a { color: #76dbea; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-plan-detail-error { color: #ffb9b9; }\n@media (max-width: 480px) { .opportunities-extension-projection-fields { grid-template-columns: minmax(0, 1fr); } }\n@media (max-width: 480px) {\n  .opportunities-extension-consumption-trend-header > .opportunities-extension-consumption-periods { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (prefers-reduced-motion: reduce) { .opportunities-extension-plan-detail-skeleton { animation: none; } }\n\n.opportunities-extension-account-plan-details > .opportunities-extension-contract-row {\n  align-items: center;\n}\n.opportunities-extension-contract-row > dt,\n.opportunities-extension-contract-row > dd,\n.opportunities-extension-contract-ratecard > span {\n  line-height: 20px;\n}\n.opportunities-extension-contract-ratecard {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n}\n.opportunities-extension-ratecard-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  box-sizing: border-box;\n  height: 28px;\n  margin: 0;\n  flex: 0 0 auto;\n  padding: 0 8px;\n  border: 1px solid #8aaeb9;\n  border-radius: 4px;\n  background: #fff;\n  color: #006b80;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 20px;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-button:hover { background: #e8f4f6; }\n.opportunities-extension-ratecard-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 8;\n  display: flex;\n  justify-content: flex-end;\n  overflow: hidden;\n  overflow: clip;\n  background: rgba(0, 0, 0, 0);\n  transition: background-color 320ms ease;\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] { background: rgba(0, 0, 0, .32); }\n.opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #fff;\n  --ratecard-heading: #faf9f8;\n  --ratecard-text: #312d2a;\n  --ratecard-muted: #615a55;\n  --ratecard-border: #dedbd8;\n  --ratecard-accent: #00758f;\n  --ratecard-skeleton: #eae7e4;\n  display: grid;\n  grid-template-rows: auto auto auto minmax(0, 1fr);\n  width: min(1520px, calc(100% - 48px));\n  height: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  box-shadow: -6px 0 24px rgba(0, 0, 0, .2);\n  transform: translateX(100%);\n  transition: transform 320ms cubic-bezier(.22, .61, .36, 1);\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(0); }\n.opportunities-extension-ratecard-header > div { min-width: 0; overflow-wrap: anywhere; }\n.opportunities-extension-ratecard-plan-details { padding: 12px 20px 0; }\n.opportunities-extension-ratecard-toolbar { display: flex; align-items: center; gap: 16px; padding: 12px 20px; }\n.opportunities-extension-ratecard-search {\n  width: min(360px, 100%);\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 9px 12px;\n  border: 1px solid var(--ratecard-muted);\n  border-radius: 4px;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-ratecard-search::placeholder { color: var(--ratecard-muted); opacity: 1; }\n.opportunities-extension-ratecard-count { color: var(--ratecard-muted); font-size: 12px; white-space: nowrap; }\n.opportunities-extension-ratecard-viewport { overflow: auto; min-height: 0; min-width: 0; scrollbar-gutter: stable; }\n.opportunities-extension-ratecard-table { width: 100%; min-width: 1100px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 12px; }\n.opportunities-extension-ratecard-table th, .opportunities-extension-ratecard-table td {\n  padding: 11px 10px;\n  border-bottom: 1px solid var(--ratecard-border);\n  vertical-align: top;\n  overflow-wrap: anywhere;\n  text-align: left;\n}\n.opportunities-extension-ratecard-table th { position: sticky; top: 0; z-index: 1; background: var(--ratecard-heading); }\n.opportunities-extension-ratecard-sort {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  align-items: center;\n  gap: 5px;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-weight: 600;\n  text-align: left;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-sort-icon { color: var(--ratecard-accent); text-align: center; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-numeric { text-align: right; font-variant-numeric: tabular-nums; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-notice { padding: 28px 20px; text-align: center; }\n.opportunities-extension-ratecard-notice [role=\"alert\"] { color: #b3261e; }\n.opportunities-extension-ratecard-skeleton { display: block; width: 85%; height: 14px; border-radius: 3px; background: var(--ratecard-skeleton); animation: opportunities-ratecard-pulse 1.1s ease-in-out infinite alternate; }\n.opportunities-extension-ratecard-drawer :focus-visible, .opportunities-extension-ratecard-button:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] { pointer-events: none; background: rgba(0, 0, 0, 0); transition-duration: 180ms; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(100%); transition-duration: 180ms; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #292725;\n  --ratecard-heading: #35322f;\n  --ratecard-text: #f5f3f1;\n  --ratecard-muted: #c2bcb6;\n  --ratecard-border: #514c47;\n  --ratecard-accent: #59d1e5;\n  --ratecard-skeleton: #514c47;\n}\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button { color: #59d1e5; border-color: #6298a2; background: #292725; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button:hover { background: #313f40; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-notice [role=\"alert\"] { color: #ffb4ab; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer :focus-visible, [data-theme=\"dark\"] .opportunities-extension-ratecard-button:focus-visible { outline-color: #59d1e5; }\n@keyframes opportunities-ratecard-pulse { from { opacity: .45; } to { opacity: 1; } }\n@media (max-width: 720px) {\n  .opportunities-extension-ratecard-drawer { width: 100%; }\n  .opportunities-extension-ratecard-toolbar { flex-wrap: wrap; gap: 8px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-ratecard-overlay, .opportunities-extension-ratecard-drawer, .opportunities-extension-ratecard-skeleton,\n  .opportunities-extension-ratecard-overlay[data-closing=\"true\"], .opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { animation: none; transition: none; }\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog,\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog {\n  grid-template-rows: auto auto minmax(0, 1fr);\n}\n.opportunities-extension-customer-table-toolbar { padding: 12px 16px; border-bottom: 1px solid #dedbd7; }\n.opportunities-extension-customer-table-search {\n  box-sizing: border-box;\n  width: min(420px, 100%);\n  min-width: 0;\n  height: 38px;\n  padding: 8px 12px;\n  border: 1px solid #8f8a85;\n  border-radius: 4px;\n  background: #fff;\n  color: #312d2a;\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-customer-table-search::placeholder { color: #5f5a55; opacity: 1; }\n.opportunities-extension-customer-table-search:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-toolbar { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search { background: #353331; color: #f6f4f2; border-color: #8f8a85; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search::placeholder { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search:focus-visible { outline-color: #59d1e5; }\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/* Full-page diagnostics, scoped to the extension and its current theme. */\n.opportunities-extension-modal .opportunities-extension-debug-panel {\n  --debug-surface: #fff;\n  --debug-code: #f5f6f7;\n  --debug-text: #312d2a;\n  --debug-muted: #5f5a55;\n  --debug-border: #dedbd7;\n  --debug-success: #22613b;\n  --debug-success-bg: #e1f1e5;\n  --debug-failed: #a12721;\n  --debug-failed-bg: #fce8e6;\n  --debug-pending: #805000;\n  --debug-pending-bg: #fff1ce;\n  --debug-info: #075e87;\n  --debug-info-bg: #e5f1fa;\n  --debug-key: #075e87;\n  --debug-string: #22613b;\n  --debug-number: #865000;\n  --debug-literal: #73429b;\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: grid;\n  grid-template-rows: auto auto minmax(0, 1fr);\n  width: auto;\n  height: auto;\n  max-height: none;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  margin: 0;\n  padding: 20px;\n  border: 0;\n  border-radius: 0;\n  background: var(--debug-surface);\n  color: var(--debug-text);\n  color-scheme: light;\n}\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-panel {\n  --debug-surface: #292827;\n  --debug-code: #222120;\n  --debug-text: #f6f4f2;\n  --debug-muted: #c9c5c1;\n  --debug-border: #514c47;\n  --debug-success: #a9e3bd;\n  --debug-success-bg: #214d34;\n  --debug-failed: #ffb4ab;\n  --debug-failed-bg: #582c2a;\n  --debug-pending: #ffe099;\n  --debug-pending-bg: #59441e;\n  --debug-info: #a8d9ff;\n  --debug-info-bg: #233f52;\n  --debug-key: #8ed6f0;\n  --debug-string: #a9e3bd;\n  --debug-number: #ffe099;\n  --debug-literal: #d6b7f1;\n  color: #f6f4f2;\n  color-scheme: dark;\n}\n.opportunities-extension-debug-actions { display: flex; gap: 8px; flex: 0 0 auto; }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-list {\n  overflow: auto;\n  min-height: 0;\n  min-width: 0;\n  align-content: start;\n  scrollbar-gutter: stable;\n  padding: 2px 8px 12px 2px;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item {\n  --debug-state: var(--debug-info);\n  --debug-state-bg: var(--debug-info-bg);\n  border-color: var(--debug-border);\n  border-left-color: var(--debug-state);\n  background: var(--debug-surface);\n  min-width: 0;\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-success { --debug-state: var(--debug-success); --debug-state-bg: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-failed { --debug-state: var(--debug-failed); --debug-state-bg: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item-pending { --debug-state: var(--debug-pending); --debug-state-bg: var(--debug-pending-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-status {\n  color: var(--debug-state);\n  background: var(--debug-state-bg);\n}\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status,\n.opportunities-extension-debug-method {\n  color: var(--debug-info);\n  background: var(--debug-info-bg);\n}\n.opportunities-extension-debug-method {\n  display: inline-flex;\n  align-items: center;\n  min-height: 22px;\n  padding: 0 8px;\n  border-radius: 4px;\n  font: 700 11px/1.2 Consolas, monospace;\n}\n.opportunities-extension-debug-method[data-method=\"POST\"] { color: var(--debug-literal); background: var(--debug-code); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"2\"] { color: var(--debug-success); background: var(--debug-success-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"4\"],\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"5\"] { color: var(--debug-failed); background: var(--debug-failed-bg); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-http-status[data-http-class=\"pending\"] { color: var(--debug-pending); background: var(--debug-pending-bg); }\n.opportunities-extension-debug-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0 14px 16px; }\n.opportunities-extension-debug-block { min-width: 0; border-left: 2px solid var(--debug-info); padding-left: 10px; }\n.opportunities-extension-debug-block[data-direction=\"response\"] { border-left-color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-block h3 { margin: 0 0 8px; color: var(--debug-info); font-size: 12px; }\n.opportunities-extension-modal .opportunities-extension-debug-block[data-direction=\"response\"] h3 { color: var(--debug-success); }\n.opportunities-extension-modal .opportunities-extension-debug-panel .opportunities-extension-debug-item pre {\n  min-width: 0;\n  margin: 0;\n  padding: 12px;\n  max-height: 380px;\n  overflow: auto;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--debug-text);\n  background: var(--debug-code);\n  line-height: 1.6;\n  tab-size: 2;\n}\n.opportunities-extension-debug-json-key { color: var(--debug-key); }\n.opportunities-extension-debug-json-string { color: var(--debug-string); }\n.opportunities-extension-debug-json-number { color: var(--debug-number); }\n.opportunities-extension-debug-json-literal { color: var(--debug-literal); }\n@media (max-width: 760px) {\n  .opportunities-extension-modal .opportunities-extension-debug-panel { padding: 12px; }\n  .opportunities-extension-debug-details { grid-template-columns: minmax(0, 1fr); }\n}\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 button {\n  color: #f6f4f2;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-debug-heading::before {\n  color: #c9c5c1;\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/* Compact filters use available CSS width, including Windows display scaling. */\n.opportunities-extension-products-progress,\n.opportunities-extension-auth-badge { opacity: 1; transition: opacity 300ms ease; }\n.opportunities-extension-products-progress[data-fading=\"true\"],\n.opportunities-extension-auth-badge[data-fading=\"true\"] { opacity: 0; }\n.opportunities-extension-auth-badge[hidden] { display: none; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-products-progress,\n  .opportunities-extension-auth-badge { transition: none; }\n}\n.opportunities-extension-crm-sr-badge {\n  flex: 0 0 auto;\n  padding: 0 6px;\n  border: 1px solid #408254;\n  border-radius: 8px;\n  font-size: 10px;\n  line-height: 18px;\n  font-weight: 600;\n  white-space: nowrap;\n  color: #185b30;\n  background: #e1f1e5;\n}\n.opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #9f201b; background: #fde8e7; border-color: #c74640; }\n.opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #785000; background: #fff0cd; border-color: #987021; }\n.opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #5f5a55; background: #eceae8; border-color: #8f8a85; }\n.opportunities-extension-crm-sr-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge { color: #b8e4c6; background: #214d34; border-color: #6eac82; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"missing\"] { color: #ffd9d5; background: #542824; border-color: #ef938b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-crm-sr-badge[data-state=\"error\"] { color: #ffe0a3; background: #584219; border-color: #c99b4b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-wl-actions-badge[data-state=\"loading\"] { color: #dedbd7; background: #484541; border-color: #8f8a85; }\n\n.opportunities-extension-form {\n  display: grid;\n  grid-template-columns: max-content minmax(110px, 1fr) minmax(110px, 1fr) minmax(145px, 180px) max-content max-content;\n  align-items: end;\n  gap: 12px;\n  min-height: 0;\n  padding: 12px;\n}\n\n.opportunities-extension-form > * {\n  min-width: 0;\n  width: 100%;\n  max-width: none;\n  grid-template-rows: auto 32px;\n  gap: 4px;\n  font-size: 12px;\n}\n\n.opportunities-extension-form > * > span:first-child {\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap {\n  width: 100%;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger,\n.opportunities-extension-form .opportunities-extension-table-search-field input {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: 32px;\n  min-height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.opportunities-extension-form .opportunities-extension-field select,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger {\n  padding-right: 26px;\n}\n\n.opportunities-extension-form .opportunities-extension-select-wrap::after,\n.opportunities-extension-form .opportunities-extension-customer-filter-trigger::after {\n  right: 10px;\n  border-left-width: 4px;\n  border-right-width: 4px;\n  border-top-width: 5px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-controls,\n.opportunities-extension-form .opportunities-extension-status-filter-controls {\n  flex-wrap: nowrap;\n  gap: 4px;\n}\n\n.opportunities-extension-form .opportunities-extension-stage-filter-button,\n.opportunities-extension-form .opportunities-extension-status-filter-button {\n  min-height: 28px;\n  padding: 4px 7px;\n  font-size: 11px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n/* Native select intrinsic sizing includes its longest option, not just the selection. */\n@media (min-width: 1151px) {\n  .opportunities-extension-form > .opportunities-extension-field,\n  .opportunities-extension-form .opportunities-extension-select-wrap,\n  .opportunities-extension-form .opportunities-extension-field select {\n    width: max-content;\n    max-width: none;\n  }\n}\n\n@media (max-width: 1150px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-column: span 2;\n  }\n}\n\n@media (max-width: 700px) {\n  .opportunities-extension-form {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .opportunities-extension-form .opportunities-extension-stage-filter-controls,\n  .opportunities-extension-form .opportunities-extension-status-filter-controls {\n    flex-wrap: wrap;\n  }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter {\n    grid-template-rows: auto auto;\n  }\n}\n\n@media (max-width: 420px) {\n  .opportunities-extension-form { grid-template-columns: minmax(0, 1fr); }\n  .opportunities-extension-form > .opportunities-extension-status-filter,\n  .opportunities-extension-form > .opportunities-extension-stage-filter { grid-column: auto; }\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  flex: 0 0 24px;\n  width: 24px;\n  height: 24px;\n  padding: 2px;\n}\n\n.opportunities-extension-table > tbody > tr > td[data-column=\"customer\"] .opportunities-extension-cell-actions {\n  min-width: 84px;\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-products-ramp {\n  display: inline-block;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0 6px;\n  border: 1px solid #bba5cf;\n  border-radius: 8px;\n  background: #f0e8f7;\n  color: #63358a;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp {\n  background: #43334f;\n  color: #ead5fc;\n  border-color: #9372ac;\n}\n\n.opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #fde8e7;\n  color: #9f201b;\n  border-color: #c74640;\n}\n\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-products-ramp[data-missing=\"true\"] {\n  background: #542824;\n  color: #ffd9d5;\n  border-color: #ef938b;\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.opportunities-extension-crm-sr-badge[type=\"button\"] { cursor: pointer; font-family: inherit; }\n.opportunities-extension-sr-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; overflow: auto;\n  padding: 12px; border: 1px solid #b9b5b0; border-radius: 6px;\n  background: #fff; color: #302e2b; box-shadow: 0 6px 24px #0003;\n  font: 12px/1.5 Arial, sans-serif; text-align: left; overflow-wrap: anywhere;\n}\n.opportunities-extension-sr-popover section { padding: 8px 0; }\n.opportunities-extension-sr-popover section + section { border-top: 1px solid #dedbd7; }\n.opportunities-extension-sr-number { display: flex; align-items: center; gap: 8px; padding-right: 30px; font-weight: 600; }\n.opportunities-extension-sr-popover a { color: #00677d; text-decoration: underline; }\n.opportunities-extension-sr-details { white-space: pre-wrap; margin-top: 6px; }\n.opportunities-extension-sr-dismiss {\n  position: absolute; top: 6px; right: 6px; width: 28px; height: 28px;\n  display: grid; place-items: center; padding: 4px; border: 0;\n  background: transparent; color: inherit; cursor: pointer;\n}\n.opportunities-extension-sr-dismiss svg { width: 16px; height: 16px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover { background: #292827; color: #f1efec; border-color: #77716b; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover section + section { border-color: #5f5953; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-sr-popover a { color: #7ddced; }\n.opportunities-extension-title-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  min-width: 0;\n  flex: 1;\n}\n.opportunities-extension-title-row h1 {\n  display: block;\n  margin: 0;\n  padding: 0;\n  line-height: 1;\n}\n.opportunities-extension-title-row .opportunities-extension-subtitle-row {\n  display: flex;\n  align-items: center;\n  align-self: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  min-width: 0;\n}\n.opportunities-extension-title-row .opportunities-extension-subtitle-row > span {\n  box-sizing: border-box;\n  margin: 0;\n  min-height: 22px;\n  line-height: 16px;\n}\n.opportunities-extension-title-row + .opportunities-extension-header-actions { flex-shrink: 0; }\n.opportunities-extension-refresh-all:disabled { opacity: .65; cursor: wait; }\n.opportunities-extension-refresh-all:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-refresh-all[aria-busy=\"true\"] svg { animation: opportunities-refresh-spin 1s linear infinite; }\n@keyframes opportunities-refresh-spin { to { transform: rotate(360deg); } }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-refresh-all[aria-busy=\"true\"] svg { animation: none; }\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {\n  width: min(1700px, 100%);\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header {\n  padding: 10px 12px;\n  gap: 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header h2 {\n  font-size: 16px;\n  line-height: 22px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header p {\n  font-size: 12px;\n  line-height: 16px;\n  margin-top: 3px;\n  overflow-wrap: anywhere;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-icon-button {\n  width: 28px;\n  height: 28px;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-toolbar {\n  padding: 8px 12px;\n}\n.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-search {\n  width: min(320px, 100%);\n  height: 32px;\n  padding: 4px 8px;\n  font-size: 12px;\n  line-height: 20px;\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: 10px 12px; font-size: 12px; line-height: 16px; }\n.opportunities-extension-install-base-table {\n  width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 11px;\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: 8px 6px; 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: 2px 5px; 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-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-table,\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 { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-install-base-message[role=\"alert\"] { color: #ffb4ab; }\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\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog { width: min(1700px, 100%); }\n.opportunities-extension-service-requests-content { min-width: 0; min-height: 0; overflow: auto; scrollbar-gutter: stable; }\n.opportunities-extension-service-requests-message { margin: 16px; font-size: 13px; }\n.opportunities-extension-service-requests-table {\n  width: 100%; min-width: 1200px; table-layout: fixed; border-collapse: collapse; font-size: 12px;\n}\n.opportunities-extension-service-requests-table col { width: 7%; }\n.opportunities-extension-service-requests-table .service-requests-col-name { width: 17%; }\n.opportunities-extension-service-requests-table .service-requests-col-id { width: 10%; }\n.opportunities-extension-service-requests-table .service-requests-col-severity { width: 5%; }\n.opportunities-extension-service-requests-table .service-requests-col-subStatus { width: 14%; }\n.opportunities-extension-service-requests-table .service-requests-col-productName { width: 12%; }\n.opportunities-extension-service-requests-table th,\n.opportunities-extension-service-requests-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-service-requests-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }\n.opportunities-extension-service-requests-table td[data-field=\"created\"],\n.opportunities-extension-service-requests-table td[data-field=\"lastUpdated\"],\n.opportunities-extension-service-requests-table td[data-field=\"id\"] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n.opportunities-extension-service-request-status {\n  display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;\n  color: #5f5a55; background: #eceae8;\n}\n.opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #17693a; background: #e1f1e5; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-content,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { color: #f6f4f2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-message[role=\"alert\"] { color: #ffb4ab; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th { background: #353331; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table th,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-requests-table td { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-service-request-status[data-status=\"OPEN\"] { color: #b8e4c6; background: #214d34; }\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-service-requests-table .opportunities-extension-account-plans-skeleton-bar { animation: none; }\n}\n\n/* Scope sizing to Cloud Consumption, not other dialogs sharing its components. */\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header { padding: 10px 12px; gap: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header h2 { font-size: 16px; line-height: 22px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-header p { font-size: 12px; line-height: 16px; margin-top: 3px; overflow-wrap: anywhere; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-icon-button { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 4px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-tabs { padding: 4px 12px 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-tab { min-height: 30px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { padding: 8px 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { gap: 0 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details > div { grid-template-columns: minmax(85px, 35%) minmax(0, 1fr); min-height: 32px; padding: 4px 0; gap: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dt { font-size: 11px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details dd { font-size: 12px; line-height: 16px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-trend { margin-top: 8px; padding-top: 6px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-periods button { min-height: 28px; padding: 4px 8px; font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation { grid-template-columns: 28px minmax(120px, auto) 28px; min-height: 30px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation strong { font-size: 12px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-navigation-button { width: 28px; height: 28px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr) 150px; gap: 8px; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-svg { height: 100%; max-height: 100%; min-width: 0; }\n[data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend button { font-size: 11px; padding: 4px; gap: 5px; }\n\n/* Small viewports must scroll rather than clip details or collapse the chart. */\n@media (max-height: 560px), (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plans-panels { overflow: auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-panel { height: auto; min-height: 100%; grid-template-rows: auto minmax(280px, 1fr); }\n}\n@media (max-width: 700px) {\n  [data-consumption-layout=\"compact\"] .opportunities-extension-account-plan-details { grid-template-columns: minmax(0, 1fr); }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-visual { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }\n  [data-consumption-layout=\"compact\"] .opportunities-extension-consumption-legend { display: flex; flex-wrap: wrap; }\n}\n\n.opportunities-extension-plan-detail-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }\n.opportunities-extension-consumption-trend-header { align-items: center; justify-content: space-between; gap: 12px; }\n.opportunities-extension-consumption-trend-header > .opportunities-extension-plan-detail-badges { min-width: 0; }\n.opportunities-extension-plan-detail-skeleton { width: 64px; height: 20px; }\n.opportunities-extension-projection-badge {\n  display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent;\n  padding: 3px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; line-height: 1.3;\n  color: #5f5a55; background: #eceae8; white-space: nowrap;\n}\nbutton.opportunities-extension-projection-badge { cursor: pointer; }\n.opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #a12424; background: #fbe5e5; }\n.opportunities-extension-projection-badge[data-status=\"overage\"] { color: #185a9d; background: #e0edfc; }\n.opportunities-extension-projection-badge:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }\n.opportunities-extension-projection-popover {\n  position: fixed; z-index: 8; box-sizing: border-box; padding: 14px; overflow: auto; overscroll-behavior: contain;\n  border: 1px solid #b9b4ae; border-radius: 4px; background: #ffffff; color: #312d2a;\n  box-shadow: 0 4px 16px #0003; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere;\n}\n.opportunities-extension-projection-popover[hidden] { display: none; }\n.opportunities-extension-projection-popover .opportunities-extension-projection-dismiss {\n  display: grid; place-items: center; width: 24px; height: 24px; margin-left: auto; margin-bottom: 8px; padding: 4px; border: 1px solid #b9b4ae;\n  border-radius: 4px; background: transparent; color: inherit; cursor: pointer; font-size: 12px;\n}\n.opportunities-extension-projection-dismiss svg { width: 14px; height: 14px; }\n.opportunities-extension-projection-line h3 { margin: 0 0 8px; font-size: 12px; }\n.opportunities-extension-projection-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0; }\n.opportunities-extension-projection-fields > div { min-width: 0; }\n.opportunities-extension-projection-fields dt { font-weight: 600; color: #5f5a55; font-size: 11px; }\n.opportunities-extension-projection-fields dd { margin: 2px 0 0; font-variant-numeric: tabular-nums; }\n.opportunities-extension-projection-fields a { color: #006d7a; text-decoration: underline; }\n.opportunities-extension-projection-children { margin-top: 14px; padding-left: 12px; border-left: 2px solid #dedbd7; }\n.opportunities-extension-projection-children > section + section { margin-top: 16px; }\n.opportunities-extension-plan-detail-error { color: #a12424; font-size: 12px; }\n.opportunities-extension-projection-empty { color: #5f5a55; font-size: 12px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-popover { color: #f1efec; background: #302e2b; border-color: #716b64; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge { color: #dedbd7; background: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"forfeit\"] { color: #ffb9b9; background: #682e32; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-badge[data-status=\"overage\"] { color: #c5dfff; background: #224b76; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields dt,\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-empty { color: #cec9c2; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-projection-fields a { color: #76dbea; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-plan-detail-error { color: #ffb9b9; }\n@media (max-width: 480px) { .opportunities-extension-projection-fields { grid-template-columns: minmax(0, 1fr); } }\n@media (max-width: 480px) {\n  .opportunities-extension-consumption-trend-header > .opportunities-extension-consumption-periods { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (prefers-reduced-motion: reduce) { .opportunities-extension-plan-detail-skeleton { animation: none; } }\n\n.opportunities-extension-account-plan-details > .opportunities-extension-contract-row {\n  align-items: center;\n}\n.opportunities-extension-contract-row > dt,\n.opportunities-extension-contract-row > dd,\n.opportunities-extension-contract-ratecard > span {\n  line-height: 20px;\n}\n.opportunities-extension-contract-ratecard {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 10px;\n}\n.opportunities-extension-ratecard-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  box-sizing: border-box;\n  height: 28px;\n  margin: 0;\n  flex: 0 0 auto;\n  padding: 0 8px;\n  border: 1px solid #8aaeb9;\n  border-radius: 4px;\n  background: #fff;\n  color: #006b80;\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 20px;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-button:hover { background: #e8f4f6; }\n.opportunities-extension-ratecard-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 8;\n  display: flex;\n  justify-content: flex-end;\n  overflow: hidden;\n  overflow: clip;\n  background: rgba(0, 0, 0, 0);\n  transition: background-color 320ms ease;\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] { background: rgba(0, 0, 0, .32); }\n.opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #fff;\n  --ratecard-heading: #faf9f8;\n  --ratecard-text: #312d2a;\n  --ratecard-muted: #615a55;\n  --ratecard-border: #dedbd8;\n  --ratecard-accent: #00758f;\n  --ratecard-skeleton: #eae7e4;\n  display: grid;\n  grid-template-rows: auto auto auto minmax(0, 1fr);\n  width: min(1520px, calc(100% - 48px));\n  height: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  box-shadow: -6px 0 24px rgba(0, 0, 0, .2);\n  transform: translateX(100%);\n  transition: transform 320ms cubic-bezier(.22, .61, .36, 1);\n}\n.opportunities-extension-ratecard-overlay[data-open=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(0); }\n.opportunities-extension-ratecard-header > div { min-width: 0; overflow-wrap: anywhere; }\n.opportunities-extension-ratecard-plan-details { padding: 12px 20px 0; }\n.opportunities-extension-ratecard-toolbar { display: flex; align-items: center; gap: 16px; padding: 12px 20px; }\n.opportunities-extension-ratecard-search {\n  width: min(360px, 100%);\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 9px 12px;\n  border: 1px solid var(--ratecard-muted);\n  border-radius: 4px;\n  background: var(--ratecard-bg);\n  color: var(--ratecard-text);\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-ratecard-search::placeholder { color: var(--ratecard-muted); opacity: 1; }\n.opportunities-extension-ratecard-count { color: var(--ratecard-muted); font-size: 12px; white-space: nowrap; }\n.opportunities-extension-ratecard-viewport { overflow: auto; min-height: 0; min-width: 0; scrollbar-gutter: stable; }\n.opportunities-extension-ratecard-table { width: 100%; min-width: 1100px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 12px; }\n.opportunities-extension-ratecard-table th, .opportunities-extension-ratecard-table td {\n  padding: 11px 10px;\n  border-bottom: 1px solid var(--ratecard-border);\n  vertical-align: top;\n  overflow-wrap: anywhere;\n  text-align: left;\n}\n.opportunities-extension-ratecard-table th { position: sticky; top: 0; z-index: 1; background: var(--ratecard-heading); }\n.opportunities-extension-ratecard-sort {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 12px;\n  align-items: center;\n  gap: 5px;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-weight: 600;\n  text-align: left;\n  cursor: pointer;\n}\n.opportunities-extension-ratecard-sort-icon { color: var(--ratecard-accent); text-align: center; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-numeric { text-align: right; font-variant-numeric: tabular-nums; }\n.opportunities-extension-ratecard-table .opportunities-extension-ratecard-notice { padding: 28px 20px; text-align: center; }\n.opportunities-extension-ratecard-notice [role=\"alert\"] { color: #b3261e; }\n.opportunities-extension-ratecard-skeleton { display: block; width: 85%; height: 14px; border-radius: 3px; background: var(--ratecard-skeleton); animation: opportunities-ratecard-pulse 1.1s ease-in-out infinite alternate; }\n.opportunities-extension-ratecard-drawer :focus-visible, .opportunities-extension-ratecard-button:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] { pointer-events: none; background: rgba(0, 0, 0, 0); transition-duration: 180ms; }\n.opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { transform: translateX(100%); transition-duration: 180ms; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer {\n  --ratecard-bg: #292725;\n  --ratecard-heading: #35322f;\n  --ratecard-text: #f5f3f1;\n  --ratecard-muted: #c2bcb6;\n  --ratecard-border: #514c47;\n  --ratecard-accent: #59d1e5;\n  --ratecard-skeleton: #514c47;\n}\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button { color: #59d1e5; border-color: #6298a2; background: #292725; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-button:hover { background: #313f40; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-notice [role=\"alert\"] { color: #ffb4ab; }\n[data-theme=\"dark\"] .opportunities-extension-ratecard-drawer :focus-visible, [data-theme=\"dark\"] .opportunities-extension-ratecard-button:focus-visible { outline-color: #59d1e5; }\n@keyframes opportunities-ratecard-pulse { from { opacity: .45; } to { opacity: 1; } }\n@media (max-width: 720px) {\n  .opportunities-extension-ratecard-drawer { width: 100%; }\n  .opportunities-extension-ratecard-toolbar { flex-wrap: wrap; gap: 8px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .opportunities-extension-ratecard-overlay, .opportunities-extension-ratecard-drawer, .opportunities-extension-ratecard-skeleton,\n  .opportunities-extension-ratecard-overlay[data-closing=\"true\"], .opportunities-extension-ratecard-overlay[data-closing=\"true\"] .opportunities-extension-ratecard-drawer { animation: none; transition: none; }\n}\n\n.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog,\n.opportunities-extension-account-plans-dialog.opportunities-extension-service-requests-dialog {\n  grid-template-rows: auto auto minmax(0, 1fr);\n}\n.opportunities-extension-customer-table-toolbar { padding: 12px 16px; border-bottom: 1px solid #dedbd7; }\n.opportunities-extension-customer-table-search {\n  box-sizing: border-box;\n  width: min(420px, 100%);\n  min-width: 0;\n  height: 38px;\n  padding: 8px 12px;\n  border: 1px solid #8f8a85;\n  border-radius: 4px;\n  background: #fff;\n  color: #312d2a;\n  font: inherit;\n  font-size: 13px;\n}\n.opportunities-extension-customer-table-search::placeholder { color: #5f5a55; opacity: 1; }\n.opportunities-extension-customer-table-search:focus-visible { outline: 2px solid #00758f; outline-offset: 2px; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-toolbar { border-color: #484541; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search { background: #353331; color: #f6f4f2; border-color: #8f8a85; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search::placeholder { color: #c9c5c1; }\n.opportunities-extension-modal[data-theme=\"dark\"] .opportunities-extension-customer-table-search:focus-visible { outline-color: #59d1e5; }\n";
 // Source: src/shared/messages.js
 /** Stable wire names. All payloads remain plain, serializable objects. */
 function createMessageTypes() {
@@ -16,6 +16,7 @@ function createMessageTypes() {
     requestCustomerServiceRequest: "opportunitiesExtension.requestCustomerServiceRequest",
     requestWlActions: "opportunitiesExtension.requestWlActions",
     requestCurrentUser: "opportunitiesExtension.requestCurrentUser",
+    invalidateProductsCache: "opportunitiesExtension.invalidateProductsCache",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend",
     requestConsumptionPlanDetail: "opportunitiesExtension.requestConsumptionPlanDetail",
     requestRatecardByPlan: "opportunitiesExtension.requestRatecardByPlan"
@@ -447,6 +448,7 @@ function createContentModal({
   closeOwnerFilterPanel,
   closePreferencesModal,
   createSettingsIcon,
+  createRefreshAllButton,
   debugState,
   ensureExtensionStyles,
   getCustomerOptions,
@@ -523,7 +525,6 @@ function createContentModal({
     overlay.setAttribute("role", "dialog");
     overlay.setAttribute("aria-modal", "true");
     overlay.setAttribute("aria-labelledby", "opportunities-extension-title");
-    overlay.setAttribute("aria-describedby", "opportunities-extension-subtitle");
 
     const shell = document.createElement("section");
     shell.className = "opportunities-extension-shell";
@@ -535,10 +536,6 @@ function createContentModal({
     title.id = "opportunities-extension-title";
     title.textContent = "Opportunities Extension";
 
-    const subtitle = document.createElement("p");
-    subtitle.id = "opportunities-extension-subtitle";
-    subtitle.textContent = "Lista de oportunidades do HCM Opportunities List";
-
     const authBadge = document.createElement("span");
     authBadge.className = "opportunities-extension-auth-badge opportunities-extension-auth-badge-pending";
     authBadge.setAttribute("data-auth-status", AUTH_STATUS.pending);
@@ -558,9 +555,10 @@ function createContentModal({
     productsCacheTimestamp.className = "opportunities-extension-products-cache-timestamp";
     productsCacheTimestamp.setAttribute("role", "status");
     productsCacheTimestamp.hidden = true;
-    subtitleRow.append(subtitle, authBadge, productsProgressBadge, productsCacheTimestamp);
+    subtitleRow.append(authBadge, productsProgressBadge, productsCacheTimestamp);
 
     const titleBlock = document.createElement("div");
+    titleBlock.className = "opportunities-extension-title-row";
     titleBlock.append(title, subtitleRow);
 
     const closeButton = document.createElement("button");
@@ -589,7 +587,7 @@ function createContentModal({
 
     const headerActions = document.createElement("div");
     headerActions.className = "opportunities-extension-header-actions";
-    headerActions.append(themeButton, preferencesButton, closeButton);
+    headerActions.append(themeButton, createRefreshAllButton(() => select.value), preferencesButton, closeButton);
 
     header.append(titleBlock, headerActions);
 
@@ -1089,7 +1087,22 @@ function createContentIcons({
     return svg;
   }
 
-  return { createThemeIcon, createSettingsIcon, createCloseIcon };
+  function createRefreshIcon() {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    path.setAttribute("d", "M20 7v5h-5M4 17v-5h5M6.1 6.1A8 8 0 0 1 19.7 10M4.3 14a8 8 0 0 0 13.6 3.9");
+    path.setAttribute("fill", "none");
+    path.setAttribute("stroke", "currentColor");
+    path.setAttribute("stroke-width", "1.8");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    svg.append(path);
+    return svg;
+  }
+  return { createThemeIcon, createSettingsIcon, createCloseIcon, createRefreshIcon };
 }
 
 // Source: src/content/svg.js
@@ -1911,7 +1924,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
         "OpportunityName_Id_c.OptyNumber", "Owner"], skipInValidFields: true, limit: 15, offset
     };
   }
-  async function requestCrmServiceRequest(token, version, isActive = () => isCurrentPeriodRequest(version)) {
+  async function requestCrmServiceRequest(token, version, isActive = () => isCurrentPeriodRequest(version), onProgress = () => {}) {
     const items = [];
     let offset = 0;
     while (isActive()) {
@@ -1934,6 +1947,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
         }
         if (!isActive()) return null;
         items.push(...data.items);
+        onProgress(items.length, Number.isFinite(data.totalResults) && data.totalResults >= items.length ? data.totalResults : null);
         if (!data.hasMore) return items;
         const received = data.count === undefined ? data.items.length : Number(data.count);
         const current = data.offset === undefined ? offset : Number(data.offset);
@@ -1953,22 +1967,32 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
 }
 
 // Source: src/features/opportunities/crm-service-requests.js
-function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, allowsCrmActivities, environment }) {
+function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, allowsCrmActivities, reportProgress, activityCache, environment }) {
   let status = "idle";
   let byOpportunity = new Map();
   let pending = null;
   let generation = 0;
-  function reset() { closePopover(); generation += 1; pending = null; status = "idle"; byOpportunity = new Map(); }
-  function load(token, version) {
+  function reset() { closePopover(); generation += 1; pending = null; status = "idle"; byOpportunity = new Map(); reportProgress("idle"); }
+  function load(token, version, cacheOptions = null) {
     if (!allowsCrmActivities() || !isCurrentPeriodRequest(version)) return;
-    if (!pending) pending = run(token, version, generation);
+    if (!pending) pending = run(token, version, generation, cacheOptions);
     return pending;
   }
-  async function run(token, version, currentGeneration) {
+  async function run(token, version, currentGeneration, cacheOptions) {
     const isActive = () => currentGeneration === generation;
     status = "loading";
     try {
-      const items = await requestCrmServiceRequest(token, version, isActive);
+      const cached = cacheOptions ? await activityCache.read("sr", "all", cacheOptions.cachedAt) : null;
+      if (!isActive()) return;
+      if (!cached && cacheOptions?.cacheOnly) { status = "idle"; return; }
+      let items = cached?.items;
+      if (!items) {
+        reportProgress("running", 0);
+        items = await requestCrmServiceRequest(token, version, isActive, (count, total) => {
+          if (isActive()) reportProgress("running", count, total);
+        });
+        if (items && isActive() && cacheOptions) await activityCache.write("sr", "all", cacheOptions.cachedAt, items);
+      }
       if (!items || !isActive()) return;
       const grouped = new Map();
       for (const item of items) {
@@ -1980,8 +2004,9 @@ function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurre
       }
       byOpportunity = grouped;
       status = "ready";
+      if (!cached) reportProgress("complete", items.length, items.length);
     } catch {
-      if (isActive()) status = "error";
+      if (isActive()) { status = "error"; reportProgress("error"); }
     }
   }
   function createBadge(optyNumber) {
@@ -2030,7 +2055,7 @@ function createProductActivities({ productsContentState, opportunitiesQueryState
     if (!current || current.completed || current.requestId !== requestId
       || productsContentState.currentProductsRequestId !== requestId) return;
     current.completed = true;
-    const products = [...productsContentState.opptyProductsByNumber.values()].filter(result => !result.error && !result.fromCache);
+    const products = [...productsContentState.opptyProductsByNumber.values()].filter(result => !result.error);
     if (!products.length) return;
     resetCrm();
     const seen = new Set();
@@ -2041,15 +2066,162 @@ function createProductActivities({ productsContentState, opportunitiesQueryState
         seen.add(id);
         return true;
       });
-      loadActions({ ...result, items }, true);
+      loadActions({ ...result, items }, true, { cachedAt: result.cachedAt, cacheOnly: result.fromCache === true });
     }
-    Promise.resolve(loadCrm(current.token, current.version)).finally(() => {
+    const cachedAt = Math.max(...products.map(result => Number(result.cachedAt) || 0));
+    Promise.resolve(loadCrm(current.token, current.version, { cachedAt, cacheOnly: products.every(result => result.fromCache) })).finally(() => {
       if (cycle === current && productsContentState.currentProductsRequestId === requestId) render();
     }).catch(() => {});
   }
   return { begin, complete };
 }
 
+// Source: src/features/opportunities/refresh-all.js
+function createRefreshAll({ messageTypes, sendRuntimeMessage, activityCache, resetRelatedData,
+  opportunitiesQueryState, productsContentState, consumptionPlansState, consumptionTrendState,
+  aiSummaryState, reload, onFailure, notify, createRefreshIcon, environment }) {
+  let pending = null;
+  function refresh(period) {
+    if (pending) return pending;
+    opportunitiesQueryState.periodRequestVersion += 1;
+    productsContentState.currentProductsRequestId = "";
+    productsContentState.opptyProductsByNumber = new Map();
+    productsContentState.expandedProductOptyNumbers = new Set();
+    productsContentState.productsLastCachedAt = 0;
+    productsContentState.productsProgress = { state: "idle", completed: 0, total: 0, failed: 0, cacheHits: 0 };
+    consumptionPlansState.accountPlansRequestState = new Map();
+    consumptionTrendState.consumptionTrendCache = new Map();
+    consumptionTrendState.consumptionTrendWindowOffsets = new Map();
+    consumptionTrendState.consumptionTrendSeriesFilters = new Map();
+    aiSummaryState.aiSummariesByOptyNumber = new Map();
+    resetRelatedData();
+    pending = (async () => {
+      await activityCache.invalidate();
+      const response = await sendRuntimeMessage({ type: messageTypes.invalidateProductsCache });
+      if (!response?.ok) throw new Error(response?.error || "Unable to clear product cache.");
+      await reload(period);
+    })().catch(error => { onFailure(error); throw error; }).finally(() => { pending = null; });
+    return pending;
+  }
+  function createButton(getPeriod) {
+    const button = environment.document.createElement("button");
+    button.type = "button";
+    button.className = "opportunities-extension-icon-button opportunities-extension-refresh-all";
+    button.append(createRefreshIcon());
+    button.title = "Refresh all";
+    button.setAttribute("aria-label", "Refresh all");
+    button.addEventListener("click", async () => {
+      if (button.disabled) return;
+      button.disabled = true;
+      button.title = "Refreshing...";
+      button.setAttribute("aria-busy", "true");
+      try { await refresh(getPeriod()); }
+      catch (error) { notify(error.message || "Unable to refresh cached data.", true); }
+      finally {
+        button.disabled = false;
+        button.title = "Refresh all";
+        button.setAttribute("aria-busy", "false");
+      }
+    });
+    return button;
+  }
+  return { refresh, createButton };
+}
+
+// Source: src/features/opportunities/activity-cache.js
+function createActivityCache({ authSessionState, preferencesState, environment }) {
+  const { browser, chrome } = environment;
+  const invalidatedKey = "opportunitiesExtension.activities.invalidatedAt.v1";
+  async function invalidate() {
+    await storage("set", { [invalidatedKey]: Date.now() });
+    const entries = await storage("get", null);
+    const keys = Object.keys(entries || {}).filter(key => key.startsWith("opportunitiesExtension.activities.v1:"));
+    if (keys.length) await storage("remove", keys);
+  }
+  function storage(method, argument) {
+    if (browser?.storage?.local) return browser.storage.local[method](argument);
+    if (!chrome?.storage?.local) return Promise.reject(new Error("Extension storage unavailable."));
+    return new Promise((resolve, reject) => {
+      chrome.storage.local[method](argument, result => {
+        const error = chrome.runtime?.lastError;
+        if (error) reject(new Error(error.message));
+        else resolve(result);
+      });
+    });
+  }
+  function context(kind, id, timestamp) {
+    const principal = authSessionState.principal;
+    const fetchedAt = Number(timestamp);
+    const hours = Number(preferencesState.opptyProductsCacheHours);
+    const ttl = Number.isFinite(hours) && hours > 0 ? Math.min(hours, 720) * 3600000 : 86400000;
+    if (!principal || !Number.isFinite(fetchedAt) || fetchedAt <= 0 || fetchedAt > Date.now() || Date.now() - fetchedAt >= ttl) return null;
+    return { key: `opportunitiesExtension.activities.v1:${JSON.stringify([principal, kind, String(id)])}`, fetchedAt };
+  }
+  async function read(kind, id, timestamp) {
+    const scope = context(kind, id, timestamp);
+    if (!scope) return null;
+    try {
+      const invalidated = await storage("get", invalidatedKey);
+      if (scope.fetchedAt <= Number(invalidated?.[invalidatedKey] || 0)) return null;
+      const result = await storage("get", scope.key);
+      const entry = result?.[scope.key];
+      return entry?.fetchedAt === scope.fetchedAt && Array.isArray(entry.items)
+        && entry.items.every(item => item && typeof item === "object" && !Array.isArray(item))
+        && typeof entry.hasNext === "boolean" ? entry : null;
+    } catch { return null; }
+  }
+  async function write(kind, id, timestamp, items, hasNext = false) {
+    const scope = context(kind, id, timestamp);
+    if (!scope || !Array.isArray(items)) return;
+    try {
+      const invalidated = await storage("get", invalidatedKey);
+      if (scope.fetchedAt <= Number(invalidated?.[invalidatedKey] || 0)) return;
+      await storage("set", { [scope.key]: { fetchedAt: scope.fetchedAt, items, hasNext: Boolean(hasNext) } });
+    } catch { /* Storage failure must not discard successfully fetched data. */ }
+  }
+  return { invalidate, read, write };
+}
+
+// Source: src/features/opportunities/activity-progress.js
+function createActivityProgress({ MODAL_ID, environment }) {
+  const { document, setTimeout, clearTimeout, matchMedia } = environment;
+  const entries = new Map();
+  function update(key, state, completed = 0, total = null) {
+    const host = document?.querySelector?.(`#${MODAL_ID} .opportunities-extension-subtitle-row`);
+    if (!host) return;
+    let entry = entries.get(key);
+    if (!entry) {
+      const badge = document.createElement("span");
+      badge.className = "opportunities-extension-products-progress";
+      badge.setAttribute("role", "status");
+      badge.setAttribute("aria-live", "polite");
+      host.append(badge);
+      entry = { badge, timer: null, hideTimer: null, state: "idle" };
+      entries.set(key, entry);
+    }
+    if (state === "complete" && entry.state === "complete") return;
+    clearTimeout(entry.timer);
+    clearTimeout(entry.hideTimer);
+    entry.state = state;
+    const label = key === "sr" ? "Service Requests" : "Actions";
+    entry.badge.hidden = state === "idle";
+    entry.badge.setAttribute("data-state", state);
+    entry.badge.setAttribute("data-fading", "false");
+    entry.badge.setAttribute("aria-busy", String(state === "running"));
+    const count = total === null ? String(completed) : `${completed}/${total}`;
+    entry.badge.textContent = state === "error" ? `${label} unavailable`
+      : state === "complete-with-errors" ? `${label} ${count} (errors)`
+      : state === "complete" ? `${label} ready ${completed}` : `${label} ${count}`;
+    entry.badge.title = key === "sr" ? "CRM service request records loaded" : "Workload action requests completed";
+    if (state === "complete") entry.timer = setTimeout(() => {
+      entry.badge.setAttribute("data-fading", "true");
+      const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+      entry.hideTimer = setTimeout(() => { entry.badge.hidden = true; }, reduced ? 0 : 300);
+    }, 5000);
+  }
+  return { update };
+}
+
 // Source: src/features/opportunities/crm-sr-popover.js
 function createCrmSrPopover({ MODAL_ID, createCopyButton, createCloseIcon, environment }) {
   const { document, window, setTimeout, clearTimeout } = environment;
@@ -2182,26 +2354,38 @@ function createCrmSrPopover({ MODAL_ID, createCopyButton, createCloseIcon, envir
 
 // Source: src/features/opportunities/workload-actions.js
 function createOpportunityWorkloadActions({ authSessionState, allowsCrmActivities, requestConsumerTokenServiceOnce, sendRuntimeMessage,
-  appendBackgroundRequestLog, queueProductsTableRender, productsContentState, messageTypes, environment }) {
+  appendBackgroundRequestLog, queueProductsTableRender, productsContentState, messageTypes, reportProgress, activityCache, environment }) {
   let session = newSession();
-  function newSession() { return { enabled: true, records: new Map(), queue: [], running: 0 }; }
+  function newSession() { return { enabled: true, records: new Map(), queue: [], running: 0, progress: new Set() }; }
+  function updateProgress(current) {
+    if (current !== session || !current.enabled || !current.progress.size) return;
+    const records = [...current.progress];
+    const completed = records.filter(record => record.status !== "loading").length;
+    const failed = records.filter(record => record.status === "error").length;
+    reportProgress(completed < records.length ? "running" : failed ? "complete-with-errors" : "complete", completed, records.length);
+  }
   function reset(enabled = true) {
     session.enabled = false;
     session.queue.length = 0;
     session = newSession();
     session.enabled = enabled;
+    reportProgress("idle");
   }
   function idsFor(products) {
     return [...new Set((products?.items || []).map(item => String(item?.RevnId ?? "").trim()).filter(Boolean))];
   }
-  function loadProducts(products, refresh = false) {
+  function loadProducts(products, refresh = false, cacheOptions = null) {
     if (!session.enabled || !allowsCrmActivities()) return;
+    if ([...session.progress].every(record => record.status !== "loading")) session.progress.clear();
     for (const revnId of idsFor(products)) {
       if (!refresh && session.records.has(revnId)) continue;
+      session.progress.delete(session.records.get(revnId));
       const record = { status: "loading", actions: [], hasNext: false };
       session.records.set(revnId, record);
-      session.queue.push({ revnId, record });
+      if (!cacheOptions) session.progress.add(record);
+      session.queue.push({ revnId, record, cacheOptions });
     }
+    updateProgress(session);
     pump(session);
   }
   function reopen() {
@@ -2216,23 +2400,35 @@ function createOpportunityWorkloadActions({ authSessionState, allowsCrmActivitie
       run(current, job).finally(() => { current.running -= 1; pump(current); });
     }
   }
-  async function run(current, { revnId, record }) {
+  async function run(current, { revnId, record, cacheOptions }) {
     try {
+      const cached = cacheOptions ? await activityCache.read("actions", revnId, cacheOptions.cachedAt) : null;
+      if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
+      if (cached) {
+        record.actions = cached.items;
+        record.hasNext = cached.hasNext;
+        record.status = "ready";
+        return;
+      }
+      if (cacheOptions?.cacheOnly) { record.status = "error"; record.error = "No matching activity cache for this product update."; return; }
+      current.progress.add(record);
+      updateProgress(current);
       const authorizations = await requestConsumerTokenServiceOnce();
       if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
       const result = await sendRuntimeMessage({ type: messageTypes.requestWlActions, revnId, authorization: authorizations?.workloadActions });
-      if (!current.enabled || current !== session || !allowsCrmActivities()) return;
+      if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
       appendBackgroundRequestLog(result?.debugRequests);
       if (!result?.ok) throw new Error(result?.error || "Unable to load workload actions.");
       record.actions = result.actions;
       record.hasNext = result.hasNext;
       record.status = "ready";
+      if (cacheOptions) await activityCache.write("actions", revnId, cacheOptions.cachedAt, result.actions, result.hasNext);
     } catch (error) {
       if (!current.enabled || current !== session) return;
       record.status = "error";
       record.error = error.message || "Unable to load workload actions.";
     } finally {
-      if (current.enabled && current === session) queueProductsTableRender();
+      if (current.enabled && current === session) { updateProgress(current); queueProductsTableRender(); }
     }
   }
   function createBadge(optyNumber) {
@@ -4158,7 +4354,8 @@ function createConsumptionPlansAction({
         return;
       }
 
-      consumptionPlansState.accountPlansRequestState.set(optyNumber, { status: "loading" });
+      const currentRequests = consumptionPlansState.accountPlansRequestState;
+      currentRequests.set(optyNumber, { status: "loading" });
       openAccountPlansModal(opportunity, [], "loading");
       renderOpportunitiesTable();
       requestConsumerTokenServiceOnce()
@@ -4168,6 +4365,7 @@ function createConsumptionPlansAction({
           authorizations
         }))
         .then((response) => {
+          if (consumptionPlansState.accountPlansRequestState !== currentRequests) return;
           appendBackgroundRequestLog(response && response.debugRequests);
 
           if (!response || !response.ok) {
@@ -4181,6 +4379,7 @@ function createConsumptionPlansAction({
           renderOpportunitiesTable();
           openAccountPlansModal(opportunity, response.plans || [], "ready");
         }).catch((error) => {
+          if (consumptionPlansState.accountPlansRequestState !== currentRequests) return;
           const errorMessage = error.message || "Unable to load cloud consumption.";
           consumptionPlansState.accountPlansRequestState.set(optyNumber, {
             status: "error",
@@ -4261,7 +4460,7 @@ function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce
       try {
         if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
         if (!pending.has(partyNumber)) {
-          const request = load(partyNumber).finally(() => pending.delete(partyNumber));
+          const request = load(partyNumber).finally(() => { if (pending.get(partyNumber) === request) pending.delete(partyNumber); });
           pending.set(partyNumber, request);
         }
         view.render(await pending.get(partyNumber));
@@ -4271,7 +4470,7 @@ function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce
     });
     return button;
   }
-  return { createInstallBaseButton };
+  return { createInstallBaseButton, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/install-base/view.js
@@ -4490,7 +4689,8 @@ function createServiceRequestsAction({ messageTypes, requestConsumerTokenService
       try {
         if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
         if (!pending.has(partyNumber)) {
-          pending.set(partyNumber, load(partyNumber).finally(() => pending.delete(partyNumber)));
+          const request = load(partyNumber).finally(() => { if (pending.get(partyNumber) === request) pending.delete(partyNumber); });
+          pending.set(partyNumber, request);
         }
         view.render(await pending.get(partyNumber));
       } catch (error) {
@@ -4499,7 +4699,7 @@ function createServiceRequestsAction({ messageTypes, requestConsumerTokenService
     });
     return button;
   }
-  return { createServiceRequestsButton };
+  return { createServiceRequestsButton, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/service-requests/view.js
@@ -5128,7 +5328,10 @@ function createRatecardController({ messageTypes, requestConsumerTokenServiceOnc
     try {
       const planNumber = String(plan.subPlanNum ?? "").trim();
       if (!planNumber) throw new Error("Plan number is unavailable for this account plan.");
-      if (!pending.has(planNumber)) pending.set(planNumber, request(planNumber).finally(() => pending.delete(planNumber)));
+      if (!pending.has(planNumber)) {
+        const promise = request(planNumber).finally(() => { if (pending.get(planNumber) === promise) pending.delete(planNumber); });
+        pending.set(planNumber, promise);
+      }
       handle.showItems(await pending.get(planNumber));
     } catch (error) {
       handle.showError(error.message || "Unable to load rate card.");
@@ -5145,7 +5348,7 @@ function createRatecardController({ messageTypes, requestConsumerTokenServiceOnc
     button.addEventListener("click", () => showRatecard(plan, button));
     return button;
   }
-  return { createRatecardButton, showRatecard };
+  return { createRatecardButton, showRatecard, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/ratecard/view.js
@@ -5400,7 +5603,10 @@ function createConsumptionPlanDetailController({ messageTypes, requestConsumerTo
     current.promise = (async () => {
       try {
         if (!subPlanNum) throw new Error("Sub plan number is unavailable.");
-        if (!pending.has(subPlanNum)) pending.set(subPlanNum, request(subPlanNum).finally(() => pending.delete(subPlanNum)));
+        if (!pending.has(subPlanNum)) {
+          const promise = request(subPlanNum).finally(() => { if (pending.get(subPlanNum) === promise) pending.delete(subPlanNum); });
+          pending.set(subPlanNum, promise);
+        }
         const items = await pending.get(subPlanNum);
         if (!section.isConnected || states.get(section) !== current) return;
         current.status = "ready";
@@ -5420,7 +5626,7 @@ function createConsumptionPlanDetailController({ messageTypes, requestConsumerTo
     })();
     return current.promise;
   }
-  return { createPlanDetailSection, loadPlanDetailForPanel };
+  return { createPlanDetailSection, loadPlanDetailForPanel, resetRequests: () => pending.clear() };
 }
 
 // Source: src/features/consumption/plan-detail-view.js
@@ -6898,6 +7104,7 @@ function createContentApplication(overrides = {}) {
   const opportunitiesTableState = createOpportunitiesTableState();
   const opportunitiesFilterState = createOpportunitiesFilterState(contracts);
   const preferencesState = createPreferencesState(contracts);
+  const activityCache = createActivityCache({ authSessionState, preferencesState, environment });
   const productsContentState = createProductsContentState();
   const aiSummaryState = createAiSummaryState();
   const consumptionPlansState = createConsumptionPlansState();
@@ -6957,6 +7164,7 @@ function createContentApplication(overrides = {}) {
     closeOwnerFilterPanel: (...args) => opportunitiesFilters.closeOwnerFilterPanel(...args),
     closePreferencesModal: (...args) => preferencesView.closePreferencesModal(...args),
     createSettingsIcon: (...args) => contentIcons.createSettingsIcon(...args),
+    createRefreshAllButton: (...args) => refreshAll.createButton(...args),
     debugState,
     ensureExtensionStyles: (...args) => contentStyles.ensureExtensionStyles(...args),
     getCustomerOptions: (...args) => opportunitiesFormatters.getCustomerOptions(...args),
@@ -7086,6 +7294,8 @@ function createContentApplication(overrides = {}) {
     createCloseIcon: (...args) => contentIcons.createCloseIcon(...args), environment
   });
   const opportunityCrmServiceRequests = createOpportunityCrmServiceRequests({
+    activityCache,
+    reportProgress: (...args) => activityProgress.update("sr", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
     bindPopover: (...args) => crmSrPopover.bind(...args),
     closePopover: (...args) => crmSrPopover.close(...args),
@@ -7193,6 +7403,29 @@ function createContentApplication(overrides = {}) {
     requestOpportunitiesForPeriod: (...args) => opportunitiesController.requestOpportunitiesForPeriod(...args),
     environment
   });
+  const refreshAll = createRefreshAll({
+    createRefreshIcon: () => contentIcons.createRefreshIcon(),
+    messageTypes, activityCache, opportunitiesQueryState, productsContentState,
+    consumptionPlansState, consumptionTrendState, aiSummaryState, environment,
+    sendRuntimeMessage: (...args) => platformContentMessages.sendRuntimeMessage(...args),
+    reload: (...args) => opportunitiesController.requestOpportunitiesForPeriod(...args),
+    onFailure: error => opportunitiesTable.setOpportunitiesTableState({ status: "error", message: error.message || "Unable to refresh cached data." }),
+    notify: (...args) => opportunitiesLinks.showCopyConfirmation(...args),
+    resetRelatedData: () => {
+      opportunityCrmServiceRequests.reset();
+      opportunityWorkloadActions.reset();
+      consumptionPlansView.closeAccountPlansModal();
+      installBaseView.closeInstallBaseModal();
+      serviceRequestsView.closeServiceRequestsModal();
+      installBaseAction.resetRequests();
+      serviceRequestsAction.resetRequests();
+      ratecardController.resetRequests();
+      consumptionPlanDetailController.resetRequests();
+      productsContentJobs.renderProductsProgress();
+      opportunitiesTable.setOpportunitiesTableState({ status: "loading", message: "Refreshing data..." });
+    }
+  });
+  const activityProgress = createActivityProgress({ MODAL_ID: contracts.MODAL_ID, environment });
   const productActivities = createProductActivities({
     productsContentState, opportunitiesQueryState,
     resetCrm: () => opportunityCrmServiceRequests.reset(),
@@ -7215,6 +7448,8 @@ function createContentApplication(overrides = {}) {
     environment
   });
   const opportunityWorkloadActions = createOpportunityWorkloadActions({
+    activityCache,
+    reportProgress: (...args) => activityProgress.update("actions", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
     authSessionState,
     requestConsumerTokenServiceOnce: (...args) => authContentSession.requestConsumerTokenServiceOnce(...args),
@@ -7425,6 +7660,9 @@ function createContentApplication(overrides = {}) {
     preferencesView,
     productsContentJobs,
     productActivities,
+    activityProgress,
+    refreshAll,
+    activityCache,
     productsDetails,
     aiSummaryContent,
     consumptionPlansAction,
diff --git a/scripts/sources.cjs b/scripts/sources.cjs
index 86630e4..9088fb3 100644
--- a/scripts/sources.cjs
+++ b/scripts/sources.cjs
@@ -33,6 +33,9 @@ module.exports = {
     "src/services/fusion/crm-service-requests.js",
     "src/features/opportunities/crm-service-requests.js",
     "src/features/opportunities/product-activities.js",
+    "src/features/opportunities/refresh-all.js",
+    "src/features/opportunities/activity-cache.js",
+    "src/features/opportunities/activity-progress.js",
     "src/features/opportunities/crm-sr-popover.js",
     "src/features/opportunities/workload-actions.js",
     "src/features/opportunities/fiscal-periods.js",
diff --git a/src/background/application.js b/src/background/application.js
index e67deb0..3a6bbbb 100644
--- a/src/background/application.js
+++ b/src/background/application.js
@@ -123,7 +123,7 @@ function createBackgroundApplication(overrides = {}) {
   const requestOpptyProducts = (...args) => productsBackgroundJobs.requestOpptyProducts(...args);
   const runtimeApi = environment.browser || environment.chrome;
   function start() {
-    startBackgroundApplication({ messageTypes, requestCurrentUser, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestCustomerServiceRequest, requestWlActions, requestConsumerTokenService, requestConsumptionTrend, requestConsumptionPlanDetail, requestRatecardByPlan, requestOpptyProducts, runtimeApi });
+    startBackgroundApplication({ messageTypes, invalidateProductsCache: () => productsCache.invalidate(), requestCurrentUser, getXsrfTokenCookie, refreshXsrfCookie, requestAccountPlans, requestInstallBase, requestCustomerServiceRequest, requestWlActions, requestConsumerTokenService, requestConsumptionTrend, requestConsumptionPlanDetail, requestRatecardByPlan, requestOpptyProducts, runtimeApi });
   }
   return {
     start, contracts,
diff --git a/src/background/messages.js b/src/background/messages.js
index 0ba14b8..8c386c1 100644
--- a/src/background/messages.js
+++ b/src/background/messages.js
@@ -1,6 +1,7 @@
 /** Register synchronously; replies retain the WebExtension sendResponse contract. */
 function registerBackgroundMessages({
   messageTypes,
+  invalidateProductsCache,
   getXsrfTokenCookie,
   refreshXsrfCookie,
   requestAccountPlans,
@@ -20,6 +21,10 @@ runtimeApi.runtime.onMessage.addListener((message, sender, sendResponse) => {
       return false;
     }
 
+    if (message.type === messageTypes.invalidateProductsCache) {
+      invalidateProductsCache().then(() => sendResponse({ ok: true })).catch(error => sendResponse({ ok: false, error: error.message || "Unable to clear products cache." }));
+      return true;
+    }
     if (message.type === messageTypes.getXsrfToken) {
       getXsrfTokenCookie()
         .then((result) => {
diff --git a/src/content/application.js b/src/content/application.js
index 72f3a8d..9e8c1f6 100644
--- a/src/content/application.js
+++ b/src/content/application.js
@@ -30,6 +30,7 @@ function createContentApplication(overrides = {}) {
   const opportunitiesTableState = createOpportunitiesTableState();
   const opportunitiesFilterState = createOpportunitiesFilterState(contracts);
   const preferencesState = createPreferencesState(contracts);
+  const activityCache = createActivityCache({ authSessionState, preferencesState, environment });
   const productsContentState = createProductsContentState();
   const aiSummaryState = createAiSummaryState();
   const consumptionPlansState = createConsumptionPlansState();
@@ -89,6 +90,7 @@ function createContentApplication(overrides = {}) {
     closeOwnerFilterPanel: (...args) => opportunitiesFilters.closeOwnerFilterPanel(...args),
     closePreferencesModal: (...args) => preferencesView.closePreferencesModal(...args),
     createSettingsIcon: (...args) => contentIcons.createSettingsIcon(...args),
+    createRefreshAllButton: (...args) => refreshAll.createButton(...args),
     debugState,
     ensureExtensionStyles: (...args) => contentStyles.ensureExtensionStyles(...args),
     getCustomerOptions: (...args) => opportunitiesFormatters.getCustomerOptions(...args),
@@ -218,6 +220,8 @@ function createContentApplication(overrides = {}) {
     createCloseIcon: (...args) => contentIcons.createCloseIcon(...args), environment
   });
   const opportunityCrmServiceRequests = createOpportunityCrmServiceRequests({
+    activityCache,
+    reportProgress: (...args) => activityProgress.update("sr", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
     bindPopover: (...args) => crmSrPopover.bind(...args),
     closePopover: (...args) => crmSrPopover.close(...args),
@@ -325,6 +329,29 @@ function createContentApplication(overrides = {}) {
     requestOpportunitiesForPeriod: (...args) => opportunitiesController.requestOpportunitiesForPeriod(...args),
     environment
   });
+  const refreshAll = createRefreshAll({
+    createRefreshIcon: () => contentIcons.createRefreshIcon(),
+    messageTypes, activityCache, opportunitiesQueryState, productsContentState,
+    consumptionPlansState, consumptionTrendState, aiSummaryState, environment,
+    sendRuntimeMessage: (...args) => platformContentMessages.sendRuntimeMessage(...args),
+    reload: (...args) => opportunitiesController.requestOpportunitiesForPeriod(...args),
+    onFailure: error => opportunitiesTable.setOpportunitiesTableState({ status: "error", message: error.message || "Unable to refresh cached data." }),
+    notify: (...args) => opportunitiesLinks.showCopyConfirmation(...args),
+    resetRelatedData: () => {
+      opportunityCrmServiceRequests.reset();
+      opportunityWorkloadActions.reset();
+      consumptionPlansView.closeAccountPlansModal();
+      installBaseView.closeInstallBaseModal();
+      serviceRequestsView.closeServiceRequestsModal();
+      installBaseAction.resetRequests();
+      serviceRequestsAction.resetRequests();
+      ratecardController.resetRequests();
+      consumptionPlanDetailController.resetRequests();
+      productsContentJobs.renderProductsProgress();
+      opportunitiesTable.setOpportunitiesTableState({ status: "loading", message: "Refreshing data..." });
+    }
+  });
+  const activityProgress = createActivityProgress({ MODAL_ID: contracts.MODAL_ID, environment });
   const productActivities = createProductActivities({
     productsContentState, opportunitiesQueryState,
     resetCrm: () => opportunityCrmServiceRequests.reset(),
@@ -347,6 +374,8 @@ function createContentApplication(overrides = {}) {
     environment
   });
   const opportunityWorkloadActions = createOpportunityWorkloadActions({
+    activityCache,
+    reportProgress: (...args) => activityProgress.update("actions", ...args),
     allowsCrmActivities: () => currentUser.allowsCrmActivities(),
     authSessionState,
     requestConsumerTokenServiceOnce: (...args) => authContentSession.requestConsumerTokenServiceOnce(...args),
@@ -557,6 +586,9 @@ function createContentApplication(overrides = {}) {
     preferencesView,
     productsContentJobs,
     productActivities,
+    activityProgress,
+    refreshAll,
+    activityCache,
     productsDetails,
     aiSummaryContent,
     consumptionPlansAction,
diff --git a/src/content/icons.js b/src/content/icons.js
index 35ef1be..a1d8ae8 100644
--- a/src/content/icons.js
+++ b/src/content/icons.js
@@ -70,5 +70,20 @@ function createContentIcons({
     return svg;
   }
 
-  return { createThemeIcon, createSettingsIcon, createCloseIcon };
+  function createRefreshIcon() {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    path.setAttribute("d", "M20 7v5h-5M4 17v-5h5M6.1 6.1A8 8 0 0 1 19.7 10M4.3 14a8 8 0 0 0 13.6 3.9");
+    path.setAttribute("fill", "none");
+    path.setAttribute("stroke", "currentColor");
+    path.setAttribute("stroke-width", "1.8");
+    path.setAttribute("stroke-linecap", "round");
+    path.setAttribute("stroke-linejoin", "round");
+    svg.append(path);
+    return svg;
+  }
+  return { createThemeIcon, createSettingsIcon, createCloseIcon, createRefreshIcon };
 }
diff --git a/src/content/modal.js b/src/content/modal.js
index 73e53a1..00850ed 100644
--- a/src/content/modal.js
+++ b/src/content/modal.js
@@ -32,6 +32,7 @@ function createContentModal({
   closeOwnerFilterPanel,
   closePreferencesModal,
   createSettingsIcon,
+  createRefreshAllButton,
   debugState,
   ensureExtensionStyles,
   getCustomerOptions,
@@ -108,7 +109,6 @@ function createContentModal({
     overlay.setAttribute("role", "dialog");
     overlay.setAttribute("aria-modal", "true");
     overlay.setAttribute("aria-labelledby", "opportunities-extension-title");
-    overlay.setAttribute("aria-describedby", "opportunities-extension-subtitle");
 
     const shell = document.createElement("section");
     shell.className = "opportunities-extension-shell";
@@ -120,10 +120,6 @@ function createContentModal({
     title.id = "opportunities-extension-title";
     title.textContent = "Opportunities Extension";
 
-    const subtitle = document.createElement("p");
-    subtitle.id = "opportunities-extension-subtitle";
-    subtitle.textContent = "Lista de oportunidades do HCM Opportunities List";
-
     const authBadge = document.createElement("span");
     authBadge.className = "opportunities-extension-auth-badge opportunities-extension-auth-badge-pending";
     authBadge.setAttribute("data-auth-status", AUTH_STATUS.pending);
@@ -143,9 +139,10 @@ function createContentModal({
     productsCacheTimestamp.className = "opportunities-extension-products-cache-timestamp";
     productsCacheTimestamp.setAttribute("role", "status");
     productsCacheTimestamp.hidden = true;
-    subtitleRow.append(subtitle, authBadge, productsProgressBadge, productsCacheTimestamp);
+    subtitleRow.append(authBadge, productsProgressBadge, productsCacheTimestamp);
 
     const titleBlock = document.createElement("div");
+    titleBlock.className = "opportunities-extension-title-row";
     titleBlock.append(title, subtitleRow);
 
     const closeButton = document.createElement("button");
@@ -174,7 +171,7 @@ function createContentModal({
 
     const headerActions = document.createElement("div");
     headerActions.className = "opportunities-extension-header-actions";
-    headerActions.append(themeButton, preferencesButton, closeButton);
+    headerActions.append(themeButton, createRefreshAllButton(() => select.value), preferencesButton, closeButton);
 
     header.append(titleBlock, headerActions);
 
diff --git a/src/features/consumption/plan-detail-controller.js b/src/features/consumption/plan-detail-controller.js
index 123ac08..755947f 100644
--- a/src/features/consumption/plan-detail-controller.js
+++ b/src/features/consumption/plan-detail-controller.js
@@ -39,7 +39,10 @@ function createConsumptionPlanDetailController({ messageTypes, requestConsumerTo
     current.promise = (async () => {
       try {
         if (!subPlanNum) throw new Error("Sub plan number is unavailable.");
-        if (!pending.has(subPlanNum)) pending.set(subPlanNum, request(subPlanNum).finally(() => pending.delete(subPlanNum)));
+        if (!pending.has(subPlanNum)) {
+          const promise = request(subPlanNum).finally(() => { if (pending.get(subPlanNum) === promise) pending.delete(subPlanNum); });
+          pending.set(subPlanNum, promise);
+        }
         const items = await pending.get(subPlanNum);
         if (!section.isConnected || states.get(section) !== current) return;
         current.status = "ready";
@@ -59,5 +62,5 @@ function createConsumptionPlanDetailController({ messageTypes, requestConsumerTo
     })();
     return current.promise;
   }
-  return { createPlanDetailSection, loadPlanDetailForPanel };
+  return { createPlanDetailSection, loadPlanDetailForPanel, resetRequests: () => pending.clear() };
 }
diff --git a/src/features/consumption/plans-action.js b/src/features/consumption/plans-action.js
index 76305a2..c25dec3 100644
--- a/src/features/consumption/plans-action.js
+++ b/src/features/consumption/plans-action.js
@@ -31,7 +31,8 @@ function createConsumptionPlansAction({
         return;
       }
 
-      consumptionPlansState.accountPlansRequestState.set(optyNumber, { status: "loading" });
+      const currentRequests = consumptionPlansState.accountPlansRequestState;
+      currentRequests.set(optyNumber, { status: "loading" });
       openAccountPlansModal(opportunity, [], "loading");
       renderOpportunitiesTable();
       requestConsumerTokenServiceOnce()
@@ -41,6 +42,7 @@ function createConsumptionPlansAction({
           authorizations
         }))
         .then((response) => {
+          if (consumptionPlansState.accountPlansRequestState !== currentRequests) return;
           appendBackgroundRequestLog(response && response.debugRequests);
 
           if (!response || !response.ok) {
@@ -54,6 +56,7 @@ function createConsumptionPlansAction({
           renderOpportunitiesTable();
           openAccountPlansModal(opportunity, response.plans || [], "ready");
         }).catch((error) => {
+          if (consumptionPlansState.accountPlansRequestState !== currentRequests) return;
           const errorMessage = error.message || "Unable to load cloud consumption.";
           consumptionPlansState.accountPlansRequestState.set(optyNumber, {
             status: "error",
diff --git a/src/features/install-base/action.js b/src/features/install-base/action.js
index 31a6ed1..58190e0 100644
--- a/src/features/install-base/action.js
+++ b/src/features/install-base/action.js
@@ -39,7 +39,7 @@ function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce
       try {
         if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
         if (!pending.has(partyNumber)) {
-          const request = load(partyNumber).finally(() => pending.delete(partyNumber));
+          const request = load(partyNumber).finally(() => { if (pending.get(partyNumber) === request) pending.delete(partyNumber); });
           pending.set(partyNumber, request);
         }
         view.render(await pending.get(partyNumber));
@@ -49,5 +49,5 @@ function createInstallBaseAction({ messageTypes, requestConsumerTokenServiceOnce
     });
     return button;
   }
-  return { createInstallBaseButton };
+  return { createInstallBaseButton, resetRequests: () => pending.clear() };
 }
diff --git a/src/features/opportunities/activity-cache.js b/src/features/opportunities/activity-cache.js
new file mode 100644
index 0000000..c1e78bb
--- /dev/null
+++ b/src/features/opportunities/activity-cache.js
@@ -0,0 +1,52 @@
+function createActivityCache({ authSessionState, preferencesState, environment }) {
+  const { browser, chrome } = environment;
+  const invalidatedKey = "opportunitiesExtension.activities.invalidatedAt.v1";
+  async function invalidate() {
+    await storage("set", { [invalidatedKey]: Date.now() });
+    const entries = await storage("get", null);
+    const keys = Object.keys(entries || {}).filter(key => key.startsWith("opportunitiesExtension.activities.v1:"));
+    if (keys.length) await storage("remove", keys);
+  }
+  function storage(method, argument) {
+    if (browser?.storage?.local) return browser.storage.local[method](argument);
+    if (!chrome?.storage?.local) return Promise.reject(new Error("Extension storage unavailable."));
+    return new Promise((resolve, reject) => {
+      chrome.storage.local[method](argument, result => {
+        const error = chrome.runtime?.lastError;
+        if (error) reject(new Error(error.message));
+        else resolve(result);
+      });
+    });
+  }
+  function context(kind, id, timestamp) {
+    const principal = authSessionState.principal;
+    const fetchedAt = Number(timestamp);
+    const hours = Number(preferencesState.opptyProductsCacheHours);
+    const ttl = Number.isFinite(hours) && hours > 0 ? Math.min(hours, 720) * 3600000 : 86400000;
+    if (!principal || !Number.isFinite(fetchedAt) || fetchedAt <= 0 || fetchedAt > Date.now() || Date.now() - fetchedAt >= ttl) return null;
+    return { key: `opportunitiesExtension.activities.v1:${JSON.stringify([principal, kind, String(id)])}`, fetchedAt };
+  }
+  async function read(kind, id, timestamp) {
+    const scope = context(kind, id, timestamp);
+    if (!scope) return null;
+    try {
+      const invalidated = await storage("get", invalidatedKey);
+      if (scope.fetchedAt <= Number(invalidated?.[invalidatedKey] || 0)) return null;
+      const result = await storage("get", scope.key);
+      const entry = result?.[scope.key];
+      return entry?.fetchedAt === scope.fetchedAt && Array.isArray(entry.items)
+        && entry.items.every(item => item && typeof item === "object" && !Array.isArray(item))
+        && typeof entry.hasNext === "boolean" ? entry : null;
+    } catch { return null; }
+  }
+  async function write(kind, id, timestamp, items, hasNext = false) {
+    const scope = context(kind, id, timestamp);
+    if (!scope || !Array.isArray(items)) return;
+    try {
+      const invalidated = await storage("get", invalidatedKey);
+      if (scope.fetchedAt <= Number(invalidated?.[invalidatedKey] || 0)) return;
+      await storage("set", { [scope.key]: { fetchedAt: scope.fetchedAt, items, hasNext: Boolean(hasNext) } });
+    } catch { /* Storage failure must not discard successfully fetched data. */ }
+  }
+  return { invalidate, read, write };
+}
diff --git a/src/features/opportunities/activity-progress.js b/src/features/opportunities/activity-progress.js
new file mode 100644
index 0000000..89c0183
--- /dev/null
+++ b/src/features/opportunities/activity-progress.js
@@ -0,0 +1,38 @@
+function createActivityProgress({ MODAL_ID, environment }) {
+  const { document, setTimeout, clearTimeout, matchMedia } = environment;
+  const entries = new Map();
+  function update(key, state, completed = 0, total = null) {
+    const host = document?.querySelector?.(`#${MODAL_ID} .opportunities-extension-subtitle-row`);
+    if (!host) return;
+    let entry = entries.get(key);
+    if (!entry) {
+      const badge = document.createElement("span");
+      badge.className = "opportunities-extension-products-progress";
+      badge.setAttribute("role", "status");
+      badge.setAttribute("aria-live", "polite");
+      host.append(badge);
+      entry = { badge, timer: null, hideTimer: null, state: "idle" };
+      entries.set(key, entry);
+    }
+    if (state === "complete" && entry.state === "complete") return;
+    clearTimeout(entry.timer);
+    clearTimeout(entry.hideTimer);
+    entry.state = state;
+    const label = key === "sr" ? "Service Requests" : "Actions";
+    entry.badge.hidden = state === "idle";
+    entry.badge.setAttribute("data-state", state);
+    entry.badge.setAttribute("data-fading", "false");
+    entry.badge.setAttribute("aria-busy", String(state === "running"));
+    const count = total === null ? String(completed) : `${completed}/${total}`;
+    entry.badge.textContent = state === "error" ? `${label} unavailable`
+      : state === "complete-with-errors" ? `${label} ${count} (errors)`
+      : state === "complete" ? `${label} ready ${completed}` : `${label} ${count}`;
+    entry.badge.title = key === "sr" ? "CRM service request records loaded" : "Workload action requests completed";
+    if (state === "complete") entry.timer = setTimeout(() => {
+      entry.badge.setAttribute("data-fading", "true");
+      const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+      entry.hideTimer = setTimeout(() => { entry.badge.hidden = true; }, reduced ? 0 : 300);
+    }, 5000);
+  }
+  return { update };
+}
diff --git a/src/features/opportunities/crm-service-requests.js b/src/features/opportunities/crm-service-requests.js
index 4846726..2a41644 100644
--- a/src/features/opportunities/crm-service-requests.js
+++ b/src/features/opportunities/crm-service-requests.js
@@ -1,19 +1,29 @@
-function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, allowsCrmActivities, environment }) {
+function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurrentPeriodRequest, bindPopover, closePopover, allowsCrmActivities, reportProgress, activityCache, environment }) {
   let status = "idle";
   let byOpportunity = new Map();
   let pending = null;
   let generation = 0;
-  function reset() { closePopover(); generation += 1; pending = null; status = "idle"; byOpportunity = new Map(); }
-  function load(token, version) {
+  function reset() { closePopover(); generation += 1; pending = null; status = "idle"; byOpportunity = new Map(); reportProgress("idle"); }
+  function load(token, version, cacheOptions = null) {
     if (!allowsCrmActivities() || !isCurrentPeriodRequest(version)) return;
-    if (!pending) pending = run(token, version, generation);
+    if (!pending) pending = run(token, version, generation, cacheOptions);
     return pending;
   }
-  async function run(token, version, currentGeneration) {
+  async function run(token, version, currentGeneration, cacheOptions) {
     const isActive = () => currentGeneration === generation;
     status = "loading";
     try {
-      const items = await requestCrmServiceRequest(token, version, isActive);
+      const cached = cacheOptions ? await activityCache.read("sr", "all", cacheOptions.cachedAt) : null;
+      if (!isActive()) return;
+      if (!cached && cacheOptions?.cacheOnly) { status = "idle"; return; }
+      let items = cached?.items;
+      if (!items) {
+        reportProgress("running", 0);
+        items = await requestCrmServiceRequest(token, version, isActive, (count, total) => {
+          if (isActive()) reportProgress("running", count, total);
+        });
+        if (items && isActive() && cacheOptions) await activityCache.write("sr", "all", cacheOptions.cachedAt, items);
+      }
       if (!items || !isActive()) return;
       const grouped = new Map();
       for (const item of items) {
@@ -25,8 +35,9 @@ function createOpportunityCrmServiceRequests({ requestCrmServiceRequest, isCurre
       }
       byOpportunity = grouped;
       status = "ready";
+      if (!cached) reportProgress("complete", items.length, items.length);
     } catch {
-      if (isActive()) status = "error";
+      if (isActive()) { status = "error"; reportProgress("error"); }
     }
   }
   function createBadge(optyNumber) {
diff --git a/src/features/opportunities/product-activities.js b/src/features/opportunities/product-activities.js
index beeb5b8..ec2324a 100644
--- a/src/features/opportunities/product-activities.js
+++ b/src/features/opportunities/product-activities.js
@@ -9,7 +9,7 @@ function createProductActivities({ productsContentState, opportunitiesQueryState
     if (!current || current.completed || current.requestId !== requestId
       || productsContentState.currentProductsRequestId !== requestId) return;
     current.completed = true;
-    const products = [...productsContentState.opptyProductsByNumber.values()].filter(result => !result.error && !result.fromCache);
+    const products = [...productsContentState.opptyProductsByNumber.values()].filter(result => !result.error);
     if (!products.length) return;
     resetCrm();
     const seen = new Set();
@@ -20,9 +20,10 @@ function createProductActivities({ productsContentState, opportunitiesQueryState
         seen.add(id);
         return true;
       });
-      loadActions({ ...result, items }, true);
+      loadActions({ ...result, items }, true, { cachedAt: result.cachedAt, cacheOnly: result.fromCache === true });
     }
-    Promise.resolve(loadCrm(current.token, current.version)).finally(() => {
+    const cachedAt = Math.max(...products.map(result => Number(result.cachedAt) || 0));
+    Promise.resolve(loadCrm(current.token, current.version, { cachedAt, cacheOnly: products.every(result => result.fromCache) })).finally(() => {
       if (cycle === current && productsContentState.currentProductsRequestId === requestId) render();
     }).catch(() => {});
   }
diff --git a/src/features/opportunities/refresh-all.js b/src/features/opportunities/refresh-all.js
new file mode 100644
index 0000000..4884fa1
--- /dev/null
+++ b/src/features/opportunities/refresh-all.js
@@ -0,0 +1,50 @@
+function createRefreshAll({ messageTypes, sendRuntimeMessage, activityCache, resetRelatedData,
+  opportunitiesQueryState, productsContentState, consumptionPlansState, consumptionTrendState,
+  aiSummaryState, reload, onFailure, notify, createRefreshIcon, environment }) {
+  let pending = null;
+  function refresh(period) {
+    if (pending) return pending;
+    opportunitiesQueryState.periodRequestVersion += 1;
+    productsContentState.currentProductsRequestId = "";
+    productsContentState.opptyProductsByNumber = new Map();
+    productsContentState.expandedProductOptyNumbers = new Set();
+    productsContentState.productsLastCachedAt = 0;
+    productsContentState.productsProgress = { state: "idle", completed: 0, total: 0, failed: 0, cacheHits: 0 };
+    consumptionPlansState.accountPlansRequestState = new Map();
+    consumptionTrendState.consumptionTrendCache = new Map();
+    consumptionTrendState.consumptionTrendWindowOffsets = new Map();
+    consumptionTrendState.consumptionTrendSeriesFilters = new Map();
+    aiSummaryState.aiSummariesByOptyNumber = new Map();
+    resetRelatedData();
+    pending = (async () => {
+      await activityCache.invalidate();
+      const response = await sendRuntimeMessage({ type: messageTypes.invalidateProductsCache });
+      if (!response?.ok) throw new Error(response?.error || "Unable to clear product cache.");
+      await reload(period);
+    })().catch(error => { onFailure(error); throw error; }).finally(() => { pending = null; });
+    return pending;
+  }
+  function createButton(getPeriod) {
+    const button = environment.document.createElement("button");
+    button.type = "button";
+    button.className = "opportunities-extension-icon-button opportunities-extension-refresh-all";
+    button.append(createRefreshIcon());
+    button.title = "Refresh all";
+    button.setAttribute("aria-label", "Refresh all");
+    button.addEventListener("click", async () => {
+      if (button.disabled) return;
+      button.disabled = true;
+      button.title = "Refreshing...";
+      button.setAttribute("aria-busy", "true");
+      try { await refresh(getPeriod()); }
+      catch (error) { notify(error.message || "Unable to refresh cached data.", true); }
+      finally {
+        button.disabled = false;
+        button.title = "Refresh all";
+        button.setAttribute("aria-busy", "false");
+      }
+    });
+    return button;
+  }
+  return { refresh, createButton };
+}
diff --git a/src/features/opportunities/styles.css b/src/features/opportunities/styles.css
index 2d9775b..67db146 100644
--- a/src/features/opportunities/styles.css
+++ b/src/features/opportunities/styles.css
@@ -311,3 +311,41 @@
 .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-sr-popover { background: #292827; color: #f1efec; border-color: #77716b; }
 .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-sr-popover section + section { border-color: #5f5953; }
 .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-sr-popover a { color: #7ddced; }
+.opportunities-extension-title-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+  min-width: 0;
+  flex: 1;
+}
+.opportunities-extension-title-row h1 {
+  display: block;
+  margin: 0;
+  padding: 0;
+  line-height: 1;
+}
+.opportunities-extension-title-row .opportunities-extension-subtitle-row {
+  display: flex;
+  align-items: center;
+  align-self: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  min-width: 0;
+}
+.opportunities-extension-title-row .opportunities-extension-subtitle-row > span {
+  box-sizing: border-box;
+  margin: 0;
+  min-height: 22px;
+  line-height: 16px;
+}
+.opportunities-extension-title-row + .opportunities-extension-header-actions { flex-shrink: 0; }
+.opportunities-extension-refresh-all:disabled { opacity: .65; cursor: wait; }
+.opportunities-extension-refresh-all:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
+.opportunities-extension-refresh-all[aria-busy="true"] svg { animation: opportunities-refresh-spin 1s linear infinite; }
+@keyframes opportunities-refresh-spin { to { transform: rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) {
+  .opportunities-extension-refresh-all[aria-busy="true"] svg { animation: none; }
+}
diff --git a/src/features/opportunities/workload-actions.js b/src/features/opportunities/workload-actions.js
index 7eafe0c..bb5cd16 100644
--- a/src/features/opportunities/workload-actions.js
+++ b/src/features/opportunities/workload-actions.js
@@ -1,24 +1,36 @@
 function createOpportunityWorkloadActions({ authSessionState, allowsCrmActivities, requestConsumerTokenServiceOnce, sendRuntimeMessage,
-  appendBackgroundRequestLog, queueProductsTableRender, productsContentState, messageTypes, environment }) {
+  appendBackgroundRequestLog, queueProductsTableRender, productsContentState, messageTypes, reportProgress, activityCache, environment }) {
   let session = newSession();
-  function newSession() { return { enabled: true, records: new Map(), queue: [], running: 0 }; }
+  function newSession() { return { enabled: true, records: new Map(), queue: [], running: 0, progress: new Set() }; }
+  function updateProgress(current) {
+    if (current !== session || !current.enabled || !current.progress.size) return;
+    const records = [...current.progress];
+    const completed = records.filter(record => record.status !== "loading").length;
+    const failed = records.filter(record => record.status === "error").length;
+    reportProgress(completed < records.length ? "running" : failed ? "complete-with-errors" : "complete", completed, records.length);
+  }
   function reset(enabled = true) {
     session.enabled = false;
     session.queue.length = 0;
     session = newSession();
     session.enabled = enabled;
+    reportProgress("idle");
   }
   function idsFor(products) {
     return [...new Set((products?.items || []).map(item => String(item?.RevnId ?? "").trim()).filter(Boolean))];
   }
-  function loadProducts(products, refresh = false) {
+  function loadProducts(products, refresh = false, cacheOptions = null) {
     if (!session.enabled || !allowsCrmActivities()) return;
+    if ([...session.progress].every(record => record.status !== "loading")) session.progress.clear();
     for (const revnId of idsFor(products)) {
       if (!refresh && session.records.has(revnId)) continue;
+      session.progress.delete(session.records.get(revnId));
       const record = { status: "loading", actions: [], hasNext: false };
       session.records.set(revnId, record);
-      session.queue.push({ revnId, record });
+      if (!cacheOptions) session.progress.add(record);
+      session.queue.push({ revnId, record, cacheOptions });
     }
+    updateProgress(session);
     pump(session);
   }
   function reopen() {
@@ -33,23 +45,35 @@ function createOpportunityWorkloadActions({ authSessionState, allowsCrmActivitie
       run(current, job).finally(() => { current.running -= 1; pump(current); });
     }
   }
-  async function run(current, { revnId, record }) {
+  async function run(current, { revnId, record, cacheOptions }) {
     try {
+      const cached = cacheOptions ? await activityCache.read("actions", revnId, cacheOptions.cachedAt) : null;
+      if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
+      if (cached) {
+        record.actions = cached.items;
+        record.hasNext = cached.hasNext;
+        record.status = "ready";
+        return;
+      }
+      if (cacheOptions?.cacheOnly) { record.status = "error"; record.error = "No matching activity cache for this product update."; return; }
+      current.progress.add(record);
+      updateProgress(current);
       const authorizations = await requestConsumerTokenServiceOnce();
       if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
       const result = await sendRuntimeMessage({ type: messageTypes.requestWlActions, revnId, authorization: authorizations?.workloadActions });
-      if (!current.enabled || current !== session || !allowsCrmActivities()) return;
+      if (!current.enabled || current !== session || current.records.get(revnId) !== record || !allowsCrmActivities()) return;
       appendBackgroundRequestLog(result?.debugRequests);
       if (!result?.ok) throw new Error(result?.error || "Unable to load workload actions.");
       record.actions = result.actions;
       record.hasNext = result.hasNext;
       record.status = "ready";
+      if (cacheOptions) await activityCache.write("actions", revnId, cacheOptions.cachedAt, result.actions, result.hasNext);
     } catch (error) {
       if (!current.enabled || current !== session) return;
       record.status = "error";
       record.error = error.message || "Unable to load workload actions.";
     } finally {
-      if (current.enabled && current === session) queueProductsTableRender();
+      if (current.enabled && current === session) { updateProgress(current); queueProductsTableRender(); }
     }
   }
   function createBadge(optyNumber) {
diff --git a/src/features/products/cache.js b/src/features/products/cache.js
index 52ba90b..b7dfadc 100644
--- a/src/features/products/cache.js
+++ b/src/features/products/cache.js
@@ -5,8 +5,17 @@ function createProductsCache({
   storageLocalGet,
   storageLocalSet
 }) {
+  let generation = 0;
+  async function invalidate() {
+    generation += 1;
+    productsCacheState.inFlightProducts.clear();
+    productsCacheState.productsCachePromise = Promise.resolve({});
+    await saveProductsCache({});
+  }
   async function getOpptyProducts(optyNumber, accessToken, cacheMaxAgeMs, onDebug = () => {}) {
+    const currentGeneration = generation;
     const cache = await getProductsCache();
+    if (generation !== currentGeneration) return getOpptyProducts(optyNumber, accessToken, cacheMaxAgeMs, onDebug);
     const cachedEntry = cache[optyNumber];
 
     if (cachedEntry && Array.isArray(cachedEntry.items) && Date.now() - Number(cachedEntry.fetchedAt) < cacheMaxAgeMs) {
@@ -24,15 +33,14 @@ function createProductsCache({
       })
         .then(async (items) => {
           const fetchedAt = Date.now();
-          cache[optyNumber] = {
-            fetchedAt,
-            items
-          };
-          await saveProductsCache(cache).catch(() => {});
+          if (generation === currentGeneration) {
+            cache[optyNumber] = { fetchedAt, items };
+            await saveProductsCache(cache).catch(() => {});
+          }
           return { items, fetchedAt };
         })
         .finally(() => {
-          productsCacheState.inFlightProducts.delete(optyNumber);
+          if (productsCacheState.inFlightProducts.get(optyNumber) === flight) productsCacheState.inFlightProducts.delete(optyNumber);
         });
     }
 
@@ -78,5 +86,5 @@ function createProductsCache({
     return productsCacheState.productsCacheWritePromise;
   }
 
-  return { getOpptyProducts, normalizeCacheMaxAge, getProductsCache, saveProductsCache };
+  return { invalidate, getOpptyProducts, normalizeCacheMaxAge, getProductsCache, saveProductsCache };
 }
diff --git a/src/features/ratecard/controller.js b/src/features/ratecard/controller.js
index 59afa9e..1d6d33b 100644
--- a/src/features/ratecard/controller.js
+++ b/src/features/ratecard/controller.js
@@ -17,7 +17,10 @@ function createRatecardController({ messageTypes, requestConsumerTokenServiceOnc
     try {
       const planNumber = String(plan.subPlanNum ?? "").trim();
       if (!planNumber) throw new Error("Plan number is unavailable for this account plan.");
-      if (!pending.has(planNumber)) pending.set(planNumber, request(planNumber).finally(() => pending.delete(planNumber)));
+      if (!pending.has(planNumber)) {
+        const promise = request(planNumber).finally(() => { if (pending.get(planNumber) === promise) pending.delete(planNumber); });
+        pending.set(planNumber, promise);
+      }
       handle.showItems(await pending.get(planNumber));
     } catch (error) {
       handle.showError(error.message || "Unable to load rate card.");
@@ -34,5 +37,5 @@ function createRatecardController({ messageTypes, requestConsumerTokenServiceOnc
     button.addEventListener("click", () => showRatecard(plan, button));
     return button;
   }
-  return { createRatecardButton, showRatecard };
+  return { createRatecardButton, showRatecard, resetRequests: () => pending.clear() };
 }
diff --git a/src/features/service-requests/action.js b/src/features/service-requests/action.js
index 8d5c841..f1a38a2 100644
--- a/src/features/service-requests/action.js
+++ b/src/features/service-requests/action.js
@@ -39,7 +39,8 @@ function createServiceRequestsAction({ messageTypes, requestConsumerTokenService
       try {
         if (!partyNumber) throw new Error("Customer Party Number is unavailable.");
         if (!pending.has(partyNumber)) {
-          pending.set(partyNumber, load(partyNumber).finally(() => pending.delete(partyNumber)));
+          const request = load(partyNumber).finally(() => { if (pending.get(partyNumber) === request) pending.delete(partyNumber); });
+          pending.set(partyNumber, request);
         }
         view.render(await pending.get(partyNumber));
       } catch (error) {
@@ -48,5 +49,5 @@ function createServiceRequestsAction({ messageTypes, requestConsumerTokenService
     });
     return button;
   }
-  return { createServiceRequestsButton };
+  return { createServiceRequestsButton, resetRequests: () => pending.clear() };
 }
diff --git a/src/services/fusion/crm-service-requests.js b/src/services/fusion/crm-service-requests.js
index 453c382..feddd0b 100644
--- a/src/services/fusion/crm-service-requests.js
+++ b/src/services/fusion/crm-service-requests.js
@@ -18,7 +18,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
         "OpportunityName_Id_c.OptyNumber", "Owner"], skipInValidFields: true, limit: 15, offset
     };
   }
-  async function requestCrmServiceRequest(token, version, isActive = () => isCurrentPeriodRequest(version)) {
+  async function requestCrmServiceRequest(token, version, isActive = () => isCurrentPeriodRequest(version), onProgress = () => {}) {
     const items = [];
     let offset = 0;
     while (isActive()) {
@@ -41,6 +41,7 @@ function createFusionCrmServiceRequests({ isCurrentPeriodRequest,
         }
         if (!isActive()) return null;
         items.push(...data.items);
+        onProgress(items.length, Number.isFinite(data.totalResults) && data.totalResults >= items.length ? data.totalResults : null);
         if (!data.hasMore) return items;
         const received = data.count === undefined ? data.items.length : Number(data.count);
         const current = data.offset === undefined ? offset : Number(data.offset);
diff --git a/src/shared/messages.js b/src/shared/messages.js
index 1313422..181010d 100644
--- a/src/shared/messages.js
+++ b/src/shared/messages.js
@@ -12,6 +12,7 @@ function createMessageTypes() {
     requestCustomerServiceRequest: "opportunitiesExtension.requestCustomerServiceRequest",
     requestWlActions: "opportunitiesExtension.requestWlActions",
     requestCurrentUser: "opportunitiesExtension.requestCurrentUser",
+    invalidateProductsCache: "opportunitiesExtension.invalidateProductsCache",
     requestConsumptionTrend: "opportunitiesExtension.requestConsumptionTrend",
     requestConsumptionPlanDetail: "opportunitiesExtension.requestConsumptionPlanDetail",
     requestRatecardByPlan: "opportunitiesExtension.requestRatecardByPlan"
diff --git a/tests/activityCache.test.cjs b/tests/activityCache.test.cjs
new file mode 100644
index 0000000..ff03ca0
--- /dev/null
+++ b/tests/activityCache.test.cjs
@@ -0,0 +1,92 @@
+const assert = require("node:assert/strict");
+const { test } = require("node:test");
+const { loadApplication } = require("./support/application.cjs");
+const flush = () => new Promise(resolve => setImmediate(resolve));
+function setup(family, saved = {}, principal = "user@example.invalid") {
+  const local = {
+    get: async key => ({ [key]: saved[key] }),
+    set: async values => Object.assign(saved, JSON.parse(JSON.stringify(values)))
+  };
+  const api = family === "firefox" ? { browser: { storage: { local } } } : {
+    chrome: { runtime: {}, storage: { local: {
+      get: (key, done) => local.get(key).then(done), set: (values, done) => local.set(values).then(done)
+    } } }
+  };
+  const app = loadApplication("content", { ...api, document: { createElement: () => ({ setAttribute() {}, addEventListener() {} }) } });
+  app.authSessionState.principal = principal;
+  app.currentUser.allowsCrmActivities = () => true;
+  app.preferencesState.opptyProductsCacheHours = 24;
+  app.opportunitiesQueryState.periodRequestVersion = 1;
+  app.activityProgress.update = () => {};
+  app.productsContentJobs.queueProductsTableRender = () => {};
+  app.debugContentLog.appendBackgroundRequestLog = () => {};
+  app.authContentSession.requestConsumerTokenServiceOnce = async () => ({ workloadActions: { value: "synthetic-token" } });
+  const calls = [];
+  app.fusionCrmServiceRequests.requestCrmServiceRequest = async () => {
+    calls.push("sr");
+    return [{ SrNumber: "SR1", ReportedHours_c: 4, OpportunityName_Id_c: { OptyNumber: "OP1" } }];
+  };
+  app.platformContentMessages.sendRuntimeMessage = async () => {
+    calls.push("actions");
+    return { ok: true, actions: [{ owner: principal, name: "Test action" }], hasNext: false };
+  };
+  async function load(cachedAt, cacheOnly) {
+    app.opportunityCrmServiceRequests.reset();
+    await app.opportunityCrmServiceRequests.load("synthetic-token", 1, { cachedAt, cacheOnly });
+    const products = { items: [{ RevnId: "123" }], cachedAt, fromCache: cacheOnly };
+    app.productsContentState.opptyProductsByNumber.set("OP1", products);
+    app.opportunityWorkloadActions.loadProducts(products, true, { cachedAt, cacheOnly });
+    await flush();
+  }
+  return { app, calls, load, saved, local };
+}
+for (const family of ["chrome", "firefox"]) {
+  test(`${family}: activities persist across instances with product timestamps and no credential storage`, async () => {
+    const h = setup(family);
+    const stamp = Date.now() - 1000;
+    await h.load(stamp, false);
+    assert.deepEqual(h.calls, ["sr", "actions"]);
+    assert.equal(Object.keys(h.saved).length, 2);
+    Object.values(h.saved).forEach(entry => assert.equal(entry.fetchedAt, stamp));
+    assert.doesNotMatch(JSON.stringify(h.saved), /synthetic-token|debugRequests|authorization/i);
+    const restored = setup(family, h.saved);
+    await restored.load(stamp, true);
+    assert.deepEqual(restored.calls, []);
+    assert.equal(restored.app.opportunityCrmServiceRequests.createBadge("OP1").textContent, "\u2705 SR (4h)");
+    assert.equal(restored.app.opportunityWorkloadActions.createBadge("OP1").textContent, "\u2705 Act");
+    await restored.load(stamp, false);
+    assert.deepEqual(restored.calls, [], "valid matching cache also deduplicates repeated fresh-product notifications");
+    const other = setup(family, h.saved, "other@example.invalid");
+    await other.load(stamp, true);
+    assert.deepEqual(other.calls, []);
+    assert.equal(other.app.opportunityCrmServiceRequests.createBadge("OP1"), null);
+    assert.equal(other.app.opportunityWorkloadActions.createBadge("OP1").textContent, "Act ?");
+    await restored.load(stamp + 1, false);
+    assert.deepEqual(restored.calls, ["sr", "actions"]);
+  });
+}
+test("TTL follows product preferences, rejects stale/mismatched cache and stores empty success", async () => {
+  const h = setup("firefox");
+  const stamp = Date.now() - 2 * 3600000;
+  await h.app.activityCache.write("sr", "all", stamp, []);
+  assert.ok(await h.app.activityCache.read("sr", "all", stamp));
+  h.app.preferencesState.opptyProductsCacheHours = 1;
+  assert.equal(await h.app.activityCache.read("sr", "all", stamp), null);
+  h.app.preferencesState.opptyProductsCacheHours = 24;
+  assert.equal(await h.app.activityCache.read("sr", "all", stamp + 1), null);
+  assert.equal(await h.app.activityCache.read("sr", "all", Date.now() + 100000), null);
+  await h.load(stamp + 1, true);
+  assert.deepEqual(h.calls, []);
+});
+test("storage failure does not lose live activity results and failures are never cached", async () => {
+  const h = setup("firefox");
+  h.local.get = async () => { throw new Error("Synthetic storage read failure"); };
+  h.local.set = async () => { throw new Error("Synthetic storage write failure"); };
+  await h.load(Date.now() - 1000, false);
+  assert.equal(h.app.opportunityCrmServiceRequests.createBadge("OP1").textContent, "\u2705 SR (4h)");
+  const failed = setup("firefox");
+  failed.app.fusionCrmServiceRequests.requestCrmServiceRequest = async () => { throw new Error("Synthetic failure"); };
+  failed.app.platformContentMessages.sendRuntimeMessage = async () => ({ ok: false });
+  await failed.load(Date.now() - 1000, false);
+  assert.deepEqual(failed.saved, {});
+});
diff --git a/tests/activityProgress.test.cjs b/tests/activityProgress.test.cjs
new file mode 100644
index 0000000..32e274c
--- /dev/null
+++ b/tests/activityProgress.test.cjs
@@ -0,0 +1,62 @@
+const assert = require("node:assert/strict");
+const { test } = require("node:test");
+const { loadApplication } = require("./support/application.cjs");
+
+test("activity indicators share Products styles, fade after 5s, retain failures and cancel stale timers", () => {
+  const nodes = [];
+  const timers = new Map();
+  let id = 0;
+  const app = loadApplication("content", {
+    document: { querySelector: () => ({ append: node => nodes.push(node) }), createElement: () => ({ attributes: {}, setAttribute(key, value) { this.attributes[key] = value; } }) },
+    setTimeout: (fn, delay) => { timers.set(++id, { fn, delay }); return id; }, clearTimeout: key => timers.delete(key)
+  });
+  const update = app.activityProgress.update;
+  update("sr", "running", 15, 58);
+  assert.equal(nodes[0].textContent, "Service Requests 15/58");
+  assert.equal(nodes[0].attributes["data-state"], "running");
+  assert.equal(nodes[0].className, "opportunities-extension-products-progress");
+  update("sr", "complete", 58, 58);
+  assert.equal([...timers.values()][0].delay, 5000);
+  [...timers.values()][0].fn();
+  assert.equal(nodes[0].attributes["data-fading"], "true");
+  const hide = [...timers.values()].find(timer => timer.delay === 300);
+  hide.fn();
+  assert.equal(nodes[0].hidden, true);
+  update("sr", "running", 0);
+  assert.equal(nodes[0].hidden, false);
+  assert.equal(timers.size, 0);
+  update("actions", "complete-with-errors", 2, 3);
+  assert.equal(nodes[1].hidden, false);
+  assert.equal(timers.size, 0);
+  update("sr", "error");
+  assert.equal(nodes[0].textContent, "Service Requests unavailable");
+});
+
+test("CRM reports real page counts and Actions reports queued and completed requests", async () => {
+  const app = loadApplication("content");
+  const progress = [];
+  app.activityProgress.update = (...args) => progress.push(args);
+  app.currentUser.allowsCrmActivities = () => true;
+  app.opportunitiesQueryState.periodRequestVersion = 1;
+  app.fusionCrmServiceRequests.requestCrmServiceRequest = async (_token, _version, _active, onProgress) => {
+    onProgress(15, 20);
+    onProgress(20, 20);
+    return Array.from({ length: 20 }, () => ({}));
+  };
+  await app.opportunityCrmServiceRequests.load("synthetic", 1);
+  assert.deepEqual(progress, [["sr", "running", 0], ["sr", "running", 15, 20], ["sr", "running", 20, 20], ["sr", "complete", 20, 20]]);
+  app.productsContentJobs.queueProductsTableRender = () => {};
+  app.debugContentLog.appendBackgroundRequestLog = () => {};
+  app.authContentSession.requestConsumerTokenServiceOnce = async () => ({});
+  const pending = [];
+  app.platformContentMessages.sendRuntimeMessage = () => new Promise(resolve => pending.push(resolve));
+  app.opportunityWorkloadActions.loadProducts({ items: [{ RevnId: "1" }, { RevnId: "2" }] });
+  await new Promise(resolve => setImmediate(resolve));
+  assert.deepEqual(progress.at(-1), ["actions", "running", 0, 2]);
+  pending[0]({ ok: true, actions: [], hasNext: false });
+  await new Promise(resolve => setImmediate(resolve));
+  assert.deepEqual(progress.at(-1), ["actions", "running", 1, 2]);
+  pending[1]({ ok: false, error: "Synthetic failure" });
+  await new Promise(resolve => setImmediate(resolve));
+  assert.deepEqual(progress.at(-1), ["actions", "complete-with-errors", 2, 2]);
+});
diff --git a/tests/opportunityTable.test.cjs b/tests/opportunityTable.test.cjs
index e94c192..3859fd0 100644
--- a/tests/opportunityTable.test.cjs
+++ b/tests/opportunityTable.test.cjs
@@ -210,7 +210,8 @@ test("table styles reserve compact widths, prioritize Name/Customer and keep nes
   assert.match(css, /flex: 0 0 24px/);
   assert.match(css, /td\[data-column="customer"\] \{\s*position: relative;/);
   assert.match(css, /grid-template-columns: minmax\(0, 1fr\) 12px/);
-  const tableRules = css.replace(/[^{}]*\.opportunities-extension-products-ramp\s*\{[^}]*\}/g, "");
+  const tableRules = css.replace(/[^{}]*\.opportunities-extension-products-ramp\s*\{[^}]*\}/g, "")
+    .replace(/[^{}]*\.opportunities-extension-title-row[^{}]*\{[^}]*\}/g, "");
   assert.doesNotMatch(tableRules, /text-overflow: ellipsis|overflow: hidden|th:nth-child|td:nth-child/);
   assert.match(css, /\.opportunities-extension-products-ramp\s*\{[^}]*background: #f0e8f7/);
   assert.match(css, /\[data-theme="dark"\] \.opportunities-extension-products-ramp\s*\{[^}]*color: #ead5fc/);
diff --git a/tests/productActivities.test.cjs b/tests/productActivities.test.cjs
index 266e43c..5782e0c 100644
--- a/tests/productActivities.test.cjs
+++ b/tests/productActivities.test.cjs
@@ -12,8 +12,8 @@ function setup() {
   const calls = [];
   app.opportunityCrmServiceRequests.reset = () => calls.push("reset SR");
   app.opportunityWorkloadActions.reset = () => calls.push("reset Act");
-  app.opportunityCrmServiceRequests.load = async token => calls.push(`SR ${token}`);
-  app.opportunityWorkloadActions.loadProducts = products => calls.push(products.items[0]?.RevnId || "empty products");
+  app.opportunityCrmServiceRequests.load = async (token, version, options) => { if (!options?.cacheOnly) calls.push(`SR ${token}`); };
+  app.opportunityWorkloadActions.loadProducts = (products, refresh, options) => { if (!options?.cacheOnly) calls.push(products.items[0]?.RevnId || "empty products"); };
   app.platformContentMessages.sendRuntimeMessage = async () => ({ ok: true });
   app.productsContentJobs.ensureProductsBackgroundMessageHandler();
   function start(token = "token") {
@@ -69,19 +69,19 @@ test("partial failures use successful products only; closed, failed and empty cy
   assert.equal(h.calls.includes("closed"), false);
 });
 
-test("cached products never trigger or reset activities; mixed cycles use only fresh products", async () => {
+test("cached products restore activities without network; mixed cycles fetch only fresh products", async () => {
   const h = setup();
   const cached = h.start();
   h.progress(cached, { optyNumber: "A", items: [{ RevnId: "cached" }], fromCache: true });
   h.progress(cached, { state: "complete" });
   await flush();
-  assert.deepEqual(h.calls, []);
+  assert.deepEqual(h.calls, ["reset SR"]);
   const mixed = h.start();
   h.progress(mixed, { optyNumber: "A", items: [{ RevnId: "cached" }], fromCache: true });
   h.progress(mixed, { optyNumber: "B", items: [{ RevnId: "fresh" }], fromCache: false });
   h.progress(mixed, { state: "complete" });
   await flush();
-  assert.deepEqual(h.calls, ["reset SR", "fresh", "SR token"]);
+  assert.deepEqual(h.calls, ["reset SR", "reset SR", "fresh", "SR token"]);
 });
 
 test("reopening an existing modal does not reload products or reset/query activities", async () => {
diff --git a/tests/refreshAll.test.cjs b/tests/refreshAll.test.cjs
new file mode 100644
index 0000000..c991e8a
--- /dev/null
+++ b/tests/refreshAll.test.cjs
@@ -0,0 +1,104 @@
+const assert = require("node:assert/strict");
+const { test } = require("node:test");
+const { loadApplication } = require("./support/application.cjs");
+const { loadBackground, response } = require("./support/characterization.cjs");
+const flush = () => new Promise(resolve => setImmediate(resolve));
+
+for (const family of ["chrome", "firefox"]) {
+  test(`${family}: invalidation detaches old product flights and prevents stale cache restoration`, async () => {
+    const pending = [];
+    const storage = { preferences: { keep: true } };
+    const app = loadBackground({ family, storage, fetch: () => new Promise(resolve => pending.push(resolve)) });
+    const message = { type: "opportunitiesExtension.requestOpptyProducts", accessToken: "synthetic", optyNumbers: ["A"], cacheMaxAgeMs: 86400000 };
+    const old = app.dispatch({ ...message, requestId: "old" });
+    await flush();
+    assert.equal(pending.length, 1);
+    const clear = await app.dispatch({ type: "opportunitiesExtension.invalidateProductsCache" });
+    assert.equal(clear.ok, true);
+    const fresh = app.dispatch({ ...message, requestId: "fresh" });
+    await flush();
+    assert.equal(pending.length, 2);
+    pending[1](response({ items: [{ RevnId: "new" }], count: 1, hasMore: false }));
+    await fresh;
+    pending[0](response({ items: [{ RevnId: "old" }], count: 1, hasMore: false }));
+    await old;
+    await app.dispatch({ ...message, requestId: "cached" });
+    assert.equal(pending.length, 2);
+    assert.equal(storage["opportunitiesExtension.opptyProductsCache.v1"].A.items[0].RevnId, "new");
+    assert.deepEqual(storage.preferences, { keep: true });
+  });
+}
+
+test("activity invalidation preserves unrelated storage and rejects late entries from old product timestamps", async () => {
+  const values = { preferences: "keep" };
+  const app = loadApplication("content", { browser: { storage: { local: {
+    get: async key => key === null ? { ...values } : { [key]: values[key] },
+    set: async data => Object.assign(values, data),
+    remove: async keys => keys.forEach(key => delete values[key])
+  } } } });
+  app.authSessionState.principal = "user@example.invalid";
+  const stamp = Date.now() - 1000;
+  await app.activityCache.write("sr", "all", stamp, []);
+  const oldKey = Object.keys(values).find(key => key.includes("activities.v1:"));
+  const oldEntry = values[oldKey];
+  await app.activityCache.invalidate();
+  assert.equal(values[oldKey], undefined);
+  assert.equal(values.preferences, "keep");
+  values[oldKey] = oldEntry;
+  assert.equal(await app.activityCache.read("sr", "all", stamp), null);
+  delete values[oldKey];
+  await app.activityCache.write("sr", "all", stamp, []);
+  assert.equal(values[oldKey], undefined);
+});
+
+function content() {
+  const app = loadApplication("content", { document: { createElement: () => ({ children: [], append(node) { this.children.push(node); }, listeners: {}, attributes: {}, addEventListener(key, fn) { this.listeners[key] = fn; }, setAttribute(key, value) { this.attributes[key] = value; } }) } });
+  app.contentIcons.createRefreshIcon = () => ({ tag: "svg" });
+  for (const [object, method] of [
+    ["opportunityCrmServiceRequests", "reset"], ["opportunityWorkloadActions", "reset"],
+    ["consumptionPlansView", "closeAccountPlansModal"], ["installBaseView", "closeInstallBaseModal"],
+    ["serviceRequestsView", "closeServiceRequestsModal"], ["productsContentJobs", "renderProductsProgress"],
+    ["opportunitiesTable", "setOpportunitiesTableState"]
+  ]) app[object][method] = () => {};
+  return app;
+}
+test("Refresh all deduplicates clicks, clears memory before reload and preserves identity/preferences", async () => {
+  const app = content();
+  const calls = [];
+  let finish;
+  app.activityCache.invalidate = () => { calls.push("activities"); return new Promise(resolve => { finish = resolve; }); };
+  app.platformContentMessages.sendRuntimeMessage = async message => { calls.push(message.type); return { ok: true }; };
+  app.opportunitiesController.requestOpportunitiesForPeriod = async period => calls.push(period);
+  app.authSessionState.accessToken = "synthetic";
+  app.preferencesState.opptyProductsCacheHours = 48;
+  app.productsContentState.opptyProductsByNumber.set("A", {});
+  app.consumptionTrendState.consumptionTrendCache.set("A", {});
+  const first = app.refreshAll.refresh("Next Quarter");
+  assert.equal(app.refreshAll.refresh("Next Quarter"), first);
+  assert.equal(app.productsContentState.opptyProductsByNumber.size, 0);
+  assert.equal(app.consumptionTrendState.consumptionTrendCache.size, 0);
+  assert.deepEqual(calls, ["activities"]);
+  finish();
+  await first;
+  assert.deepEqual(calls, ["activities", "opportunitiesExtension.invalidateProductsCache", "Next Quarter"]);
+  assert.equal(app.authSessionState.accessToken, "synthetic");
+  assert.equal(app.preferencesState.opptyProductsCacheHours, 48);
+});
+test("Refresh all reports failures, does not reload on failed invalidation, and re-enables the button", async () => {
+  const app = content();
+  app.activityCache.invalidate = async () => { throw new Error("Synthetic storage failure"); };
+  let notified = "";
+  app.opportunitiesLinks.showCopyConfirmation = message => { notified = message; };
+  app.opportunitiesController.requestOpportunitiesForPeriod = () => assert.fail("must not reload");
+  const button = app.refreshAll.createButton(() => "Current Quarter");
+  const request = button.listeners.click();
+  assert.equal(button.disabled, true);
+  await request;
+  assert.equal(button.disabled, false);
+  assert.equal(button.title, "Refresh all");
+  assert.equal(button.attributes["aria-label"], "Refresh all");
+  assert.equal(button.children.length, 1);
+  assert.equal(button.children[0].tag, "svg");
+  assert.equal(button.attributes["aria-busy"], "false");
+  assert.equal(notified, "Synthetic storage failure");
+});