myio-js-library 0.1.546 → 0.1.548

package/dist/index.cjs

@@ -470,6 +470,9 @@ __export(src_exports, {
   createModalHeader: () => createModalHeader,
   createMoneyVarianceColumn: () => createMoneyVarianceColumn,
   createMyIOTheme: () => createMyIOTheme,
+  createMyioGcdrLoginSubmit: () => createMyioGcdrLoginSubmit,
+  createMyioGcdrLoginView: () => createMyioGcdrLoginView,
+  createMyioGcdrShell: () => createMyioGcdrShell,
   createNewTicketWizard: () => createNewTicketWizard,
   createOnOffDeviceModal: () => createOnOffDeviceModal,
   createOnOffTimelineChart: () => createOnOffTimelineChart,
@@ -710,6 +713,7 @@ __export(src_exports, {
   isInRange: () => isInRange,
   isLeapYear: () => isLeapYear,
   isMoneyColumnConfident: () => isMoneyColumnConfident,
+  isMyioGcdrLoginModalOpen: () => isMyioGcdrLoginModalOpen,
   isOnOffDeviceProfile: () => isOnOffDeviceProfile,
   isSolenoidDevice: () => isSolenoidDevice,
   isStoreDevice: () => isStoreDevice,
@@ -771,6 +775,7 @@ __export(src_exports, {
   openMeasurementSetupModal: () => openMeasurementSetupModal,
   openMessageDialog: () => openMessageDialog,
   openMetasGuide: () => openMetasGuide,
+  openMyioGcdrLoginModal: () => openMyioGcdrLoginModal,
   openOnOffDeviceModal: () => openOnOffDeviceModal,
   openOnboardModal: () => openOnboardModal,
   openOperationalComparisonModal: () => openOperationalComparisonModal,
@@ -894,7 +899,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.546",
+  version: "0.1.548",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -5423,22 +5428,22 @@ function generateExportHTML(modalId, exportFormats) {
   if (exportFormats.length === 0) return "";
   if (exportFormats.length === 1) {
     const format = exportFormats[0];
-    const icon = EXPORT_FORMAT_ICONS[format] || "\u{1F4E5}";
+    const icon2 = EXPORT_FORMAT_ICONS[format] || "\u{1F4E5}";
     return `<button
         id="${modalId}-export"
         class="myio-modal-header__btn"
         title="Exportar ${EXPORT_FORMAT_LABELS[format]}"
-      >${icon}</button>`;
+      >${icon2}</button>`;
   }
   const dropdownOptions = exportFormats.map((format) => {
-    const icon = EXPORT_FORMAT_ICONS[format] || "\u{1F4C4}";
+    const icon2 = EXPORT_FORMAT_ICONS[format] || "\u{1F4C4}";
     const label = EXPORT_FORMAT_LABELS[format] || format.toUpperCase();
     return `<button
           id="${modalId}-export-${format}"
           class="myio-export-option"
           data-format="${format}"
           title="Exportar ${label}"
-        >${icon} ${label}</button>`;
+        >${icon2} ${label}</button>`;
   }).join("");
   return `
     <div style="position: relative; display: inline-block;">
@@ -5493,7 +5498,7 @@ var ModalHeader = {
   generateHTML(options) {
     injectCSS();
     const {
-      icon,
+      icon: icon2,
       title,
       modalId,
       theme = "dark",
@@ -5535,7 +5540,7 @@ var ModalHeader = {
         data-drag-handle
       >
         <div class="myio-modal-header__left">
-          <span class="myio-modal-header__icon">${icon}</span>
+          <span class="myio-modal-header__icon">${icon2}</span>
           <h2 class="myio-modal-header__title">${title}</h2>
         </div>
         <div class="myio-modal-header__actions">
@@ -5553,7 +5558,7 @@ var ModalHeader = {
    */
   generateInlineHTML(options) {
     const {
-      icon,
+      icon: icon2,
       title,
       modalId,
       theme = "dark",
@@ -5598,7 +5603,7 @@ var ModalHeader = {
     return `
       <div id="${modalId}-header" style="${headerStyle}" data-drag-handle>
         <div style="display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;">
-          <span style="font-size: 18px;">${icon}</span>
+          <span style="font-size: 18px;">${icon2}</span>
           <h2 style="margin: 0; font-size: 16px; font-weight: 600; color: ${textColor}; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
             ${title}
           </h2>
@@ -6370,10 +6375,10 @@ var state = {
   pinnedCounter: 0,
   isPinned: false
 };
-function generateHeaderHTML(icon, title) {
+function generateHeaderHTML(icon2, title) {
   return `
     <div class="myio-info-tooltip__header" data-drag-handle>
-      <span class="myio-info-tooltip__icon">${icon}</span>
+      <span class="myio-info-tooltip__icon">${icon2}</span>
       <span class="myio-info-tooltip__title">${title}</span>
       <div class="myio-info-tooltip__header-actions">
         <button class="myio-info-tooltip__header-btn" data-action="pin" title="Fixar na tela">
@@ -7002,7 +7007,7 @@ function openDeviceProfileModal(params) {
   });
   const body = handle.element;
   handle.on("close", () => {
-    cardHandles.forEach((h2) => h2.destroy());
+    cardHandles.forEach((h3) => h3.destroy());
     cardHandles = [];
     onClose?.();
   });
@@ -7044,7 +7049,7 @@ function openDeviceProfileModal(params) {
     </div>`;
   }
   function mountCards() {
-    cardHandles.forEach((h2) => h2.destroy());
+    cardHandles.forEach((h3) => h3.destroy());
     cardHandles = [];
     cardIds = [];
     const d = dom();
@@ -7074,10 +7079,10 @@ function openDeviceProfileModal(params) {
       cardIds.push(id);
     };
     const sep = (text2) => {
-      const h2 = document.createElement("h3");
-      h2.className = "mdp-sep-title";
-      h2.textContent = text2;
-      editor.appendChild(h2);
+      const h3 = document.createElement("h3");
+      h3.className = "mdp-sep-title";
+      h3.textContent = text2;
+      editor.appendChild(h3);
     };
     sep("Colunas (grupos)");
     addCard(
@@ -7466,7 +7471,7 @@ function openDeviceProfileModal(params) {
   function setAllCollapsed(collapsed) {
     if (collapsed) cardIds.forEach((id) => collapsedIds.add(id));
     else collapsedIds.clear();
-    cardHandles.forEach((h2) => h2.setCollapsed(collapsed));
+    cardHandles.forEach((h3) => h3.setCollapsed(collapsed));
   }
   function refreshPreview() {
     const hasCats = !!dom()?.categories;
@@ -16110,13 +16115,13 @@ var MyIODraggableCard = class {
     this.container.appendChild(card);
   }
   _generateCardHTML() {
-    const { id, name, icon, group, lastValue, unit, status } = this.entity;
+    const { id, name, icon: icon2, group, lastValue, unit, status } = this.entity;
     const checkboxHtml = this.options.showCheckbox ? `<input type="checkbox" class="card-checkbox" aria-label="Select ${name}">` : "";
     return `
       <div class="card-header">
         ${checkboxHtml}
-        <div class="card-icon card-icon-${icon}">
-          ${this._getIconSvg(icon)}
+        <div class="card-icon card-icon-${icon2}">
+          ${this._getIconSvg(icon2)}
         </div>
         <div class="card-status card-status-${status}"></div>
       </div>
@@ -18644,6 +18649,12 @@ function renderCardComponentV5({
     temperatureMax,
     temperatureStatus,
     // 'ok' | 'above' | 'below' | undefined
+    // Temperatura atual vinda do Ingestion = média das últimas 2 h; true = nenhuma leitura na janela
+    temperatureNoRecentReading = false,
+    temperatureSource,
+    // 'ingestion-avg-2h' | 'thingsboard' | undefined
+    temperatureFetchedAt,
+    // ms da consulta (rótulo "Atualizado às HH:MM")
     // Per-device exclude_groups_totals attribute (SERVER_SCOPE) — drives the orange marker
     excludeGroupsTotals
   } = entityObject;
@@ -18740,7 +18751,7 @@ function renderCardComponentV5({
   const connectionStatus = mapDeviceToConnectionStatus(deviceStatus);
   const isOffline = isDeviceOffline(deviceStatus);
   const shouldFlashIcon2 = shouldFlashIcon(deviceStatus);
-  const icon = getDeviceStatusIcon(deviceStatus, deviceType);
+  const icon2 = getDeviceStatusIcon(deviceStatus, deviceType);
   const connectionIcon = getConnectionStatusIcon(connectionStatus);
   const debugDeviceName = "3F SCMAL3L4304ABC";
   const labelStr = String(labelOrName || "");
@@ -18803,7 +18814,14 @@ function renderCardComponentV5({
   const percentageForDisplay = isTankDevice2 ? (waterPercentage || 0) * 100 : perc;
   const tankLevelCm = isTankDevice2 ? Number(waterLevel ?? val) : null;
   const _pctDecimals = resolvePercentDecimals(percentDecimals);
+  const showNoTempReading = !!temperatureNoRecentReading && isTemperatureDevice2(deviceType);
+  const tempValueTitle = (() => {
+    if (!isTemperatureDevice2(deviceType) || temperatureSource !== "ingestion-avg-2h") return "";
+    const at = temperatureFetchedAt ? ` \xB7 Atualizado \xE0s ${new Date(temperatureFetchedAt).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" })}` : "";
+    return showNoTempReading ? `Nenhuma leitura nas \xFAltimas 2 h${at}` : `Temperatura (m\xE9dia das \xFAltimas 2 h)${at}`;
+  })();
   const formatCardValue = (value, deviceType2) => {
+    if (showNoTempReading) return "Sem leitura recente";
     if (isTankDevice2) {
       return `${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%`;
     }
@@ -19106,7 +19124,7 @@ function renderCardComponentV5({
     }
     return "ok";
   };
-  const tempStatus = isTermostatoDevice ? calculateTempStatus2() : null;
+  const tempStatus = isTermostatoDevice && !showNoTempReading ? calculateTempStatus2() : null;
   const deviceImageUrl = getDeviceImageUrl(deviceType, percentageForDisplay, {
     tempStatus,
     isOffline
@@ -19126,7 +19144,7 @@ function renderCardComponentV5({
     }
     return null;
   };
-  const tempDeviationPercent = isTermostatoDevice ? calculateTempDeviationPercent() : null;
+  const tempDeviationPercent = isTermostatoDevice && !showNoTempReading ? calculateTempDeviationPercent() : null;
   const cardHTML = `
       <div class="device-card-centered clickable ${cardEntity.status === "offline" ? "offline" : ""}"
           data-entity-id="${entityId}"
@@ -19169,9 +19187,9 @@ function renderCardComponentV5({
               <div class="device-data-row">
                 <div class="consumption-main">
                   <span class="flash-icon ${shouldFlashIcon2 ? "flash" : ""}">
-                    ${icon}
+                    ${icon2}
                   </span>
-                  <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType)}</span>
+                  <span class="consumption-value"${showNoTempReading ? ' style="color:#9ca3af;font-weight:500;font-size:0.85em;"' : ""}${tempValueTitle ? ` title="${tempValueTitle}"` : ""}>${formatCardValue(cardEntity.lastValue, deviceType)}</span>
                 </div>
               </div>
               ${isTankDevice2 ? `<span class="device-percentage-badge device-tank-level-badge" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important;">${formatTankHeadFromCm(tankLevelCm)}</span>` : !isTermostatoDevice ? `<span class="device-percentage-badge percentage-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; cursor: help;">${percentageForDisplay.toFixed(_pctDecimals).replace(".", ",")}%</span>` : tempDeviationPercent ? `<span class="device-percentage-badge temp-deviation-badge temp-comparison-tooltip-trigger" style="position: absolute; bottom: 12px; right: 12px; z-index: 20; background: none !important; color: ${tempDeviationPercent.isAbove ? "#ef4444" : tempDeviationPercent.isBelow ? "#3b82f6" : "#6b7280"}; font-weight: 600; cursor: help;">${tempDeviationPercent.sign}${tempDeviationPercent.value.toFixed(1)}%</span>` : ""}
@@ -20579,7 +20597,7 @@ function renderCardComponentV6({
   const connectionStatus = mapDeviceToConnectionStatus(deviceStatus);
   const isOffline = isDeviceOffline(deviceStatus);
   const shouldFlashIcon2 = shouldFlashIcon(deviceStatus);
-  const icon = getDeviceStatusIcon(deviceStatus, effectiveDeviceType);
+  const icon2 = getDeviceStatusIcon(deviceStatus, effectiveDeviceType);
   const connectionIcon = getConnectionStatusIcon(connectionStatus);
   const mapDeviceTypeToIcon = (deviceType2) => {
     const category = getDeviceCategory(deviceType2);
@@ -20961,7 +20979,7 @@ function renderCardComponentV6({
             <div class="device-data-row">
               <div class="consumption-main">
                 <span class="flash-icon ${shouldFlashIcon2 ? "flash" : ""}">
-                  ${icon}
+                  ${icon2}
                 </span>
                 <span class="consumption-value">${formatCardValue(cardEntity.lastValue, deviceType, deviceProfile)}</span>
               </div>
@@ -22510,12 +22528,12 @@ function renderCardAmbienteV6({
           statusText = isOn2 ? "ON" : "OFF";
           stateClass = isOn2 ? "on" : "off";
         }
-        const icon = isLamp ? "\u{1F4A1}" : "\u{1F518}";
+        const icon2 = isLamp ? "\u{1F4A1}" : "\u{1F518}";
         const deviceEl = document.createElement("div");
         deviceEl.className = `myio-ambiente-card__switch-device ${stateClass} ${isLamp ? "lamp" : "remote"}`;
         deviceEl.title = device.label || device.name || (isLamp ? "L\xE2mpada" : "Controle");
         deviceEl.innerHTML = `
-          <span class="myio-ambiente-card__switch-device-icon">${icon}</span>
+          <span class="myio-ambiente-card__switch-device-icon">${icon2}</span>
           <span class="myio-ambiente-card__switch-device-value">${statusText}</span>
         `;
         scrollContainer.appendChild(deviceEl);
@@ -22936,10 +22954,10 @@ var HeaderPanelComponent = class {
       el2.style.display = quantity >= 0 ? "" : "none";
     }
   }
-  setIcon(icon) {
-    this.options.icon = icon;
+  setIcon(icon2) {
+    this.options.icon = icon2;
     const el2 = this.root.querySelector(".myio-hp__icon");
-    if (el2) el2.innerHTML = icon;
+    if (el2) el2.innerHTML = icon2;
   }
   setSubtitle(subtitle) {
     this.options.subtitle = subtitle;
@@ -22998,7 +23016,7 @@ var HeaderPanelComponent = class {
   render() {
     const {
       title,
-      icon,
+      icon: icon2,
       quantity,
       style,
       showSearch,
@@ -23015,10 +23033,10 @@ var HeaderPanelComponent = class {
     }
     const left = document.createElement("div");
     left.className = "myio-hp__left";
-    if (icon) {
+    if (icon2) {
       const iconEl = document.createElement("span");
       iconEl.className = "myio-hp__icon";
-      iconEl.innerHTML = icon;
+      iconEl.innerHTML = icon2;
       if (style?.iconColor) iconEl.style.color = style.iconColor;
       left.appendChild(iconEl);
     }
@@ -23497,10 +23515,10 @@ var EntityListPanel = class {
     }
   }
   /** Update icon */
-  setIcon(icon) {
-    this.options.icon = icon;
+  setIcon(icon2) {
+    this.options.icon = icon2;
     if (this.headerComponent) {
-      this.headerComponent.setIcon(icon);
+      this.headerComponent.setIcon(icon2);
     }
   }
   /** Update background watermark image */
@@ -23550,7 +23568,7 @@ var EntityListPanel = class {
     const {
       title,
       subtitle,
-      icon,
+      icon: icon2,
       quantity,
       backgroundImage,
       searchPlaceholder,
@@ -23569,7 +23587,7 @@ var EntityListPanel = class {
     this.headerComponent = new HeaderPanelComponent({
       title,
       subtitle,
-      icon,
+      icon: icon2,
       quantity,
       style: titleStyle,
       showBottomBorder: false,
@@ -24050,10 +24068,10 @@ var CardGridPanel = class {
     }
   }
   /** Update icon */
-  setIcon(icon) {
-    this.options.icon = icon;
+  setIcon(icon2) {
+    this.options.icon = icon2;
     if (this.headerComponent) {
-      this.headerComponent.setIcon(icon);
+      this.headerComponent.setIcon(icon2);
     }
   }
   /** Set maximize state without triggering callback (for external reset) */
@@ -24109,7 +24127,7 @@ var CardGridPanel = class {
   render() {
     const {
       title,
-      icon,
+      icon: icon2,
       quantity,
       gridMinCardWidth,
       titleStyle,
@@ -24124,7 +24142,7 @@ var CardGridPanel = class {
     this.root.innerHTML = "";
     this.headerComponent = new HeaderPanelComponent({
       title,
-      icon,
+      icon: icon2,
       quantity,
       style: titleStyle,
       showBottomBorder: true,
@@ -28263,20 +28281,20 @@ async function openRealTimeTelemetryModal(params) {
     }
     const todayStr = (/* @__PURE__ */ new Date()).toLocaleDateString(locale, { day: "2-digit", month: "2-digit", year: "numeric" });
     const dateHtml = `<span style="margin-left:8px;font-size:13px;font-weight:400;opacity:0.55;">(${todayStr})</span>`;
-    const icon = (glyph, title) => `<span title="${title}" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">${glyph}</span>`;
+    const icon2 = (glyph, title) => `<span title="${title}" style="margin-left:8px;cursor:default;font-size:16px;vertical-align:middle;">${glyph}</span>`;
     let iconHtml;
     if (!hasTelemetryToday()) {
-      iconHtml = icon("\u274C", "Sem telemetrias de hoje para este dispositivo");
+      iconHtml = icon2("\u274C", "Sem telemetrias de hoje para este dispositivo");
     } else if (centralStatus === "offline") {
-      iconHtml = icon("\u{1F534}", `Central offline (${STATUS_MAX_RETRIES} falhas seguidas)`);
+      iconHtml = icon2("\u{1F534}", `Central offline (${STATUS_MAX_RETRIES} falhas seguidas)`);
     } else if (deviceStatus === "offline") {
-      iconHtml = icon("\u{1F534}", `Dispositivo offline (${STATUS_MAX_RETRIES} verifica\xE7\xF5es seguidas sem telemetria recente)`);
+      iconHtml = icon2("\u{1F534}", `Dispositivo offline (${STATUS_MAX_RETRIES} verifica\xE7\xF5es seguidas sem telemetria recente)`);
     } else if (centralStatus === "warning") {
-      iconHtml = icon("\u26A0\uFE0F", `Aten\xE7\xE3o: central sem resposta (tentativa ${centralFailStreak}/${STATUS_MAX_RETRIES})`);
+      iconHtml = icon2("\u26A0\uFE0F", `Aten\xE7\xE3o: central sem resposta (tentativa ${centralFailStreak}/${STATUS_MAX_RETRIES})`);
     } else if (deviceStatus === "warning") {
-      iconHtml = icon("\u26A0\uFE0F", `Aten\xE7\xE3o: ${deviceStaleLabel()} (verifica\xE7\xE3o ${deviceStaleStreak}/${STATUS_MAX_RETRIES})`);
+      iconHtml = icon2("\u26A0\uFE0F", `Aten\xE7\xE3o: ${deviceStaleLabel()} (verifica\xE7\xE3o ${deviceStaleStreak}/${STATUS_MAX_RETRIES})`);
     } else {
-      iconHtml = icon("\u2705", "H\xE1 telemetrias de hoje e o dispositivo est\xE1 respondendo");
+      iconHtml = icon2("\u2705", "H\xE1 telemetrias de hoje e o dispositivo est\xE1 respondendo");
     }
     chartTitleEl.innerHTML = `Telemetria em Tempo Real de hoje${dateHtml}${iconHtml}`;
   }
@@ -28647,7 +28665,7 @@ async function openRealTimeTelemetryModal(params) {
     }
     injectCardTooltipStyles();
     const ok = checkDeviceHistory.filter((r) => r.status === "ok").length;
-    const fail = checkDeviceHistory.filter((r) => r.status === "offline").length;
+    const fail2 = checkDeviceHistory.filter((r) => r.status === "offline").length;
     const total = checkDeviceHistory.length;
     const firstTs = checkDeviceHistory[0]?.ts;
     const uptimeLabel = firstTs ? (() => {
@@ -28666,10 +28684,10 @@ async function openRealTimeTelemetryModal(params) {
         minute: "2-digit",
         second: "2-digit"
       });
-      const icon = r.status === "ok" ? "\u2705" : "\u274C";
-      return `<div class="rtt-tt-history-row">${icon} ${dt}</div>`;
+      const icon2 = r.status === "ok" ? "\u2705" : "\u274C";
+      return `<div class="rtt-tt-history-row">${icon2} ${dt}</div>`;
     }).join("");
-    const failBlock = fail > 0 ? `<div style="margin-top:8px;padding:6px 8px;background:#fff5f5;border-radius:6px;font-size:11px;color:#e74c3c;">\u26A0\uFE0F ${fail} falha${fail > 1 ? "s" : ""} registrada${fail > 1 ? "s" : ""}</div>` : "";
+    const failBlock = fail2 > 0 ? `<div style="margin-top:8px;padding:6px 8px;background:#fff5f5;border-radius:6px;font-size:11px;color:#e74c3c;">\u26A0\uFE0F ${fail2} falha${fail2 > 1 ? "s" : ""} registrada${fail2 > 1 ? "s" : ""}</div>` : "";
     const tooltip = document.createElement("div");
     tooltip.id = "rtt-status-tooltip";
     if (currentTheme === "dark") tooltip.dataset["theme"] = "dark";
@@ -28689,7 +28707,7 @@ async function openRealTimeTelemetryModal(params) {
           ${centralId ? `<div style="font-family:ui-monospace,monospace;background:#f1f5f9;border-radius:5px;padding:3px 8px;font-size:11px;color:#475569;">\u{1F511} Central ID: <b>${centralId}</b></div>` : ""}
           <div style="font-size:12px;">\u{1F4E1} <b>${ok}</b> chamadas com sucesso${total > 0 ? ` de ${total}` : ""}</div>
           <div style="font-size:12px;">\u23F1\uFE0F Monitorando h\xE1: <b>${uptimeLabel}</b></div>
-          ${fail > 0 ? `<div style="font-size:12px;color:#e74c3c;">\u274C <b>${fail}</b> falha${fail > 1 ? "s" : ""}</div>` : ""}
+          ${fail2 > 0 ? `<div style="font-size:12px;color:#e74c3c;">\u274C <b>${fail2}</b> falha${fail2 > 1 ? "s" : ""}</div>` : ""}
         </div>
         ${failBlock}
       </div>
@@ -28739,9 +28757,9 @@ async function openRealTimeTelemetryModal(params) {
       minute: "2-digit",
       second: "2-digit"
     }) : "--";
-    function row(icon, label, value) {
+    function row(icon2, label, value) {
       return `<div style="display:flex;flex-direction:column;gap:1px;padding:5px 0;border-bottom:1px solid #f3f4f6;">
-        <span style="font-size:10px;color:#9ca3af;font-weight:500;">${icon} ${label}</span>
+        <span style="font-size:10px;color:#9ca3af;font-weight:500;">${icon2} ${label}</span>
         <span style="font-family:monospace;font-size:12px;color:#1f2937;font-weight:600;word-break:break-all;">${value || "\u2014"}</span>
       </div>`;
     }
@@ -29189,11 +29207,11 @@ async function openRealTimeTelemetryModal(params) {
   function showCoverageNotice(text2, resume) {
     if (!coverageNoticeEl) return;
     coverageNoticeEl.textContent = "";
-    const icon = document.createElement("span");
-    icon.textContent = "\u26A0\uFE0F ";
+    const icon2 = document.createElement("span");
+    icon2.textContent = "\u26A0\uFE0F ";
     const msg = document.createElement("span");
     msg.textContent = text2;
-    coverageNoticeEl.append(icon, msg);
+    coverageNoticeEl.append(icon2, msg);
     coverageResume = resume ? { startISO: resume.startISO, endISO: resume.endISO } : null;
     if (resume) {
       const link = document.createElement("a");
@@ -29738,8 +29756,8 @@ async function openRealTimeTelemetryModal(params) {
           if (!chart) return;
           chart.options.responsive = false;
           const w = chartContainer.clientWidth - 40;
-          const h2 = chartContainer.clientHeight - 60;
-          chart.resize(Math.max(w, 200), Math.max(h2, 120));
+          const h3 = chartContainer.clientHeight - 60;
+          chart.resize(Math.max(w, 200), Math.max(h3, 120));
         })
       );
     }
@@ -29885,8 +29903,8 @@ async function openRealTimeTelemetryModal(params) {
     URL.revokeObjectURL(url);
   }
   function ensureRoom2(doc, nextY, minRoom = 12) {
-    const h2 = doc.internal.pageSize.getHeight();
-    if (nextY + minRoom > h2 - 15) {
+    const h3 = doc.internal.pageSize.getHeight();
+    if (nextY + minRoom > h3 - 15) {
       doc.addPage();
       return 20;
     }
@@ -29985,8 +30003,8 @@ async function openRealTimeTelemetryModal(params) {
           if (isExpanded) {
             chart.options.responsive = false;
             const w = chartContainer.clientWidth - 40;
-            const h2 = chartContainer.clientHeight - 60;
-            chart.resize(Math.max(w, 200), Math.max(h2, 120));
+            const h3 = chartContainer.clientHeight - 60;
+            chart.resize(Math.max(w, 200), Math.max(h3, 120));
           } else {
             chart.options.responsive = true;
             chartCanvas.style.height = "";
@@ -30774,10 +30792,10 @@ var BASControlPanel = class {
     }
     return items.join("");
   }
-  renderTelemetryItem(label, value, unit, icon) {
+  renderTelemetryItem(label, value, unit, icon2) {
     return `
       <div class="myio-bas-telemetry-item">
-        <span class="myio-bas-telemetry-icon">${icon}</span>
+        <span class="myio-bas-telemetry-icon">${icon2}</span>
         <div class="myio-bas-telemetry-content">
           <span class="myio-bas-telemetry-label">${label}</span>
           <span class="myio-bas-telemetry-value">${value} <span class="myio-bas-telemetry-unit">${unit}</span></span>
@@ -34143,20 +34161,20 @@ function mixHex(a, b, ratio) {
   };
   return `#${mix(0)}${mix(2)}${mix(4)}`;
 }
-function hslToHex(h2, s, l) {
+function hslToHex(h3, s, l) {
   const sat = s / 100;
   const lig = l / 100;
-  const k = (n) => (n + h2 / 30) % 12;
+  const k = (n) => (n + h3 / 30) % 12;
   const a = sat * Math.min(lig, 1 - lig);
   const f = (n) => lig - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
   const to = (v) => Math.round(v * 255).toString(16).padStart(2, "0");
   return `#${to(f(0))}${to(f(8))}${to(f(4))}`;
 }
 function hashColor(label, dark) {
-  let h2 = 5381;
-  for (let i = 0; i < label.length; i++) h2 = (h2 << 5) + h2 + label.charCodeAt(i) | 0;
-  const hue = Math.abs(h2) % 360;
-  const sat = 55 + Math.abs(h2 >> 8) % 25;
+  let h3 = 5381;
+  for (let i = 0; i < label.length; i++) h3 = (h3 << 5) + h3 + label.charCodeAt(i) | 0;
+  const hue = Math.abs(h3) % 360;
+  const sat = 55 + Math.abs(h3 >> 8) % 25;
   return hslToHex(hue, sat, dark ? 58 : 44);
 }
 function paletteColor(base, index, dark) {
@@ -34365,11 +34383,11 @@ function createParticipationChart(container, params) {
     ].join(" ");
   }
   function buildPieSvg2(entries, total) {
-    const svg = document.createElementNS(SVG_NS, "svg");
+    const svg2 = document.createElementNS(SVG_NS, "svg");
     const SIZE = 300;
-    svg.setAttribute("viewBox", `0 0 ${SIZE} ${SIZE}`);
-    svg.setAttribute("preserveAspectRatio", "xMidYMid meet");
-    svg.setAttribute("role", "img");
+    svg2.setAttribute("viewBox", `0 0 ${SIZE} ${SIZE}`);
+    svg2.setAttribute("preserveAspectRatio", "xMidYMid meet");
+    svg2.setAttribute("role", "img");
     const cx = SIZE / 2;
     const cy = SIZE / 2;
     const ro = 128;
@@ -34401,7 +34419,7 @@ function createParticipationChart(container, params) {
       path.addEventListener("mouseleave", () => {
         path.style.transform = "";
       });
-      svg.appendChild(path);
+      svg2.appendChild(path);
       attachItemTooltip(path, item, pct);
       if (pct >= 8) {
         const rl = (ro + ri) / 2;
@@ -34418,10 +34436,10 @@ function createParticipationChart(container, params) {
         text2.setAttribute("font-family", "'Nunito', system-ui, sans-serif");
         text2.setAttribute("pointer-events", "none");
         text2.textContent = fmtPct(pct);
-        svg.appendChild(text2);
+        svg2.appendChild(text2);
       }
     });
-    return svg;
+    return svg2;
   }
   function buildBarsSvg(entries, total) {
     const sorted = [...entries].sort((a, b) => b.item.value - a.item.value);
@@ -34433,10 +34451,10 @@ function createParticipationChart(container, params) {
     const maxValue = sorted.reduce((m, e) => Math.max(m, e.item.value), 0);
     const textColor = resolvedText();
     const mutedColor = resolvedMuted();
-    const svg = document.createElementNS(SVG_NS, "svg");
-    svg.setAttribute("viewBox", `0 0 ${W} ${H}`);
-    svg.setAttribute("preserveAspectRatio", "xMidYMin meet");
-    svg.setAttribute("role", "img");
+    const svg2 = document.createElementNS(SVG_NS, "svg");
+    svg2.setAttribute("viewBox", `0 0 ${W} ${H}`);
+    svg2.setAttribute("preserveAspectRatio", "xMidYMin meet");
+    svg2.setAttribute("role", "img");
     sorted.forEach(({ item, color }, row) => {
       const pct = total > 0 ? item.value / total * 100 : 0;
       const y = row * ROW_H + 4;
@@ -34450,7 +34468,7 @@ function createParticipationChart(container, params) {
       label.setAttribute("font-family", "'Nunito', system-ui, sans-serif");
       const raw = item.label || "";
       label.textContent = raw.length > 18 ? `${raw.slice(0, 17)}\u2026` : raw;
-      svg.appendChild(label);
+      svg2.appendChild(label);
       const rect = document.createElementNS(SVG_NS, "rect");
       rect.setAttribute("x", String(LABEL_W));
       rect.setAttribute("y", String(y + 3));
@@ -34460,7 +34478,7 @@ function createParticipationChart(container, params) {
       rect.setAttribute("fill", color);
       rect.setAttribute("class", `${PARTICIPATION_CHART_CSS_PREFIX}__bar-rect`);
       rect.setAttribute("data-key", keyOf(item));
-      svg.appendChild(rect);
+      svg2.appendChild(rect);
       attachItemTooltip(rect, item, pct);
       const value = document.createElementNS(SVG_NS, "text");
       value.setAttribute("x", String(LABEL_W + barW + 6));
@@ -34470,9 +34488,9 @@ function createParticipationChart(container, params) {
       value.setAttribute("font-size", "10.5");
       value.setAttribute("font-family", "'Nunito', system-ui, sans-serif");
       value.textContent = `${settings.formatValue(item.value)}${settings.unit ? ` ${settings.unit}` : ""} \xB7 ${fmtPct(pct)}`;
-      svg.appendChild(value);
+      svg2.appendChild(value);
     });
-    return svg;
+    return svg2;
   }
   function buildLegend2(total) {
     const legend = document.createElement("div");
@@ -34538,15 +34556,15 @@ function createParticipationChart(container, params) {
     root.appendChild(body);
   }
   async function svgToPng(scale = 2) {
-    const svg = root.querySelector("svg");
-    if (!svg) {
+    const svg2 = root.querySelector("svg");
+    if (!svg2) {
       console.warn("[ParticipationChart] Nada para exportar \u2014 gr\xE1fico vazio.");
       return null;
     }
-    const vb = svg.viewBox.baseVal;
+    const vb = svg2.viewBox.baseVal;
     const width = vb && vb.width ? vb.width : 300;
     const height = vb && vb.height ? vb.height : 300;
-    const clone = svg.cloneNode(true);
+    const clone = svg2.cloneNode(true);
     clone.setAttribute("xmlns", SVG_NS);
     clone.setAttribute("width", String(width));
     clone.setAttribute("height", String(height));
@@ -34882,14 +34900,14 @@ function createExportButton(kind, container, params = {}) {
     const label = settings.label ?? defaultLabel;
     const locked = !!settings.locked;
     const disabled = locked || !!settings.disabled;
-    const icon = locked ? LOCK_ICON : settings.icon ?? defaultIcon;
+    const icon2 = locked ? LOCK_ICON : settings.icon ?? defaultIcon;
     btn.className = `${EXPORT_BUTTON_CSS_PREFIX}${locked ? ` ${EXPORT_BUTTON_CSS_PREFIX}--locked` : ""}`;
     btn.disabled = disabled;
     btn.style.borderColor = colors2.border;
     btn.style.color = colors2.text;
     btn.style.background = colors2.bg;
     btn.setAttribute("aria-label", label);
-    btn.innerHTML = `${icon ? `<span class="${EXPORT_BUTTON_CSS_PREFIX}__icon">${icon}</span>` : ""}${label}`;
+    btn.innerHTML = `${icon2 ? `<span class="${EXPORT_BUTTON_CSS_PREFIX}__icon">${icon2}</span>` : ""}${label}`;
     tooltipCleanup?.();
     tooltipCleanup = null;
     const tt = settings.tooltip;
@@ -40813,11 +40831,11 @@ var PowerLimitsModalView = class {
       const statusKey = status === "standby" ? "standBy" : status;
       const config2 = STATUS_CONFIG[statusKey];
       const formValues = this.formData[status];
-      const icon = domainIcons[statusKey];
+      const icon2 = domainIcons[statusKey];
       return `
         <div class="myio-power-limits-card-item myio-status-${status}" style="--status-color: ${config2.color}; --status-bg: ${config2.bgColor};">
           <div class="myio-card-header">
-            <span class="myio-status-icon">${icon}</span>
+            <span class="myio-status-icon">${icon2}</span>
             <span class="myio-status-indicator"></span>
             <span class="myio-status-label">${config2.label}</span>
           </div>
@@ -48317,7 +48335,7 @@ var AnnotationsTab = class {
     const isReject = type === "rejected";
     const isComment = type === "comment";
     let title;
-    let icon;
+    let icon2;
     let headerClass;
     let btnClass;
     let labelText;
@@ -48327,7 +48345,7 @@ var AnnotationsTab = class {
     let isRequired;
     if (isApprove) {
       title = "Aprovar Anota\xE7\xE3o";
-      icon = "\u2713";
+      icon2 = "\u2713";
       headerClass = "response-modal__header--approve";
       btnClass = "response-modal__btn--approve";
       labelText = "Observa\xE7\xE3o (opcional)";
@@ -48337,7 +48355,7 @@ var AnnotationsTab = class {
       isRequired = false;
     } else if (isReject) {
       title = "Rejeitar Anota\xE7\xE3o";
-      icon = "\u2717";
+      icon2 = "\u2717";
       headerClass = "response-modal__header--reject";
       btnClass = "response-modal__btn--reject";
       labelText = "Justificativa";
@@ -48347,7 +48365,7 @@ var AnnotationsTab = class {
       isRequired = true;
     } else if (isComment) {
       title = "Adicionar Coment\xE1rio";
-      icon = "\u{1F4AC}";
+      icon2 = "\u{1F4AC}";
       headerClass = "response-modal__header--comment";
       btnClass = "response-modal__btn--comment";
       labelText = "Coment\xE1rio";
@@ -48357,7 +48375,7 @@ var AnnotationsTab = class {
       isRequired = true;
     } else {
       title = "Arquivar Anota\xE7\xE3o";
-      icon = "\u2B07\uFE0F";
+      icon2 = "\u2B07\uFE0F";
       headerClass = "response-modal__header--archive";
       btnClass = "response-modal__btn--archive-modal";
       labelText = "Justificativa";
@@ -48371,7 +48389,7 @@ var AnnotationsTab = class {
     overlay.innerHTML = `
       <div class="response-modal">
         <div class="response-modal__header ${headerClass}">
-          <span class="response-modal__icon">${icon}</span>
+          <span class="response-modal__icon">${icon2}</span>
           <span class="response-modal__title">${title}</span>
         </div>
         <div class="response-modal__body">
@@ -50627,9 +50645,9 @@ var AnnotationsTab = class {
           ` : ""}
           <div class="annotation-detail__history">
             <div class="annotation-detail__history-title">Hist\xF3rico (${annotation.history.length + (annotation.responses?.length || 0)} eventos)</div>
-            ${annotation.history.map((h2) => `
+            ${annotation.history.map((h3) => `
               <div class="annotation-detail__history-item">
-                <strong>${h2.action}</strong> por ${h2.userName} em ${this.formatDate(h2.timestamp)}
+                <strong>${h3.action}</strong> por ${h3.userName} em ${this.formatDate(h3.timestamp)}
               </div>
             `).join("")}
             ${(annotation.responses || []).map((r) => `
@@ -51850,9 +51868,9 @@ function seededRand(seed) {
   };
 }
 function hashStr(s) {
-  let h2 = 0;
-  for (let i = 0; i < s.length; i++) h2 = Math.imul(31, h2) + s.charCodeAt(i) | 0;
-  return Math.abs(h2);
+  let h3 = 0;
+  for (let i = 0; i < s.length; i++) h3 = Math.imul(31, h3) + s.charCodeAt(i) | 0;
+  return Math.abs(h3);
 }
 function generateBuckets(alarm, devices, period = "mes") {
   const count = alarm.occurrenceCount || 1;
@@ -51937,11 +51955,11 @@ function generateDowDistribution(alarm) {
 function generateHodDistribution(alarm) {
   const count = alarm.occurrenceCount || 1;
   const rand = seededRand(hashStr(alarm.id + "hod"));
-  const weights = Array.from({ length: 24 }, (_, h2) => {
-    if (h2 < 6) return 0.05 + rand() * 0.05;
-    if (h2 < 10) return 0.3 + rand() * 0.3;
-    if (h2 <= 19) return 0.7 + rand() * 0.6;
-    if (h2 <= 22) return 0.3 + rand() * 0.3;
+  const weights = Array.from({ length: 24 }, (_, h3) => {
+    if (h3 < 6) return 0.05 + rand() * 0.05;
+    if (h3 < 10) return 0.3 + rand() * 0.3;
+    if (h3 <= 19) return 0.7 + rand() * 0.6;
+    if (h3 <= 22) return 0.3 + rand() * 0.3;
     return 0.05 + rand() * 0.05;
   });
   const wSum = weights.reduce((a, b) => a + b, 0);
@@ -52074,7 +52092,7 @@ function createHodChart(canvas, vals) {
   return new Chart2(canvas, {
     type: "bar",
     data: {
-      labels: Array.from({ length: 24 }, (_, h2) => `${h2}h`),
+      labels: Array.from({ length: 24 }, (_, h3) => `${h3}h`),
       datasets: [{
         label: "Ocorr\xEAncias",
         data: vals,
@@ -60562,12 +60580,12 @@ var TicketsTab = class {
     const container = this.config.container;
     const toggle = container.querySelector("#ct-new-ticket-toggle");
     const body = container.querySelector("#ct-new-ticket-body");
-    const icon = container.querySelector("#ct-collapse-icon");
+    const icon2 = container.querySelector("#ct-collapse-icon");
     if (toggle && body) {
       toggle.addEventListener("click", () => {
         const isOpen = body.style.display !== "none";
         body.style.display = isOpen ? "none" : "block";
-        if (icon) icon.textContent = isOpen ? "\u25BC" : "\u25B2";
+        if (icon2) icon2.textContent = isOpen ? "\u25BC" : "\u25B2";
       });
     }
     if (this.config.requesterEmail) {
@@ -60779,13 +60797,13 @@ ${description}` : description;
       return;
     }
     area.innerHTML = this._selectedFiles.map((f, i) => {
-      const icon = this._getFileIcon(f);
+      const icon2 = this._getFileIcon(f);
       const isImage = f.type.startsWith("image/");
       const tooltip = `${f.name}
 ${this._formatFileSize(f.size)} \xB7 ${f.type || "arquivo"}`;
       return `
         <div class="ct-file-chip" data-index="${i}" title="${this.esc(tooltip)}">
-          ${isImage ? `<img class="ct-file-thumb" src="${URL.createObjectURL(f)}" alt="${this.esc(f.name)}">` : `<span class="ct-file-icon">${icon}</span>`}
+          ${isImage ? `<img class="ct-file-thumb" src="${URL.createObjectURL(f)}" alt="${this.esc(f.name)}">` : `<span class="ct-file-icon">${icon2}</span>`}
           <span class="ct-file-name">${this.esc(f.name.length > 18 ? f.name.slice(0, 16) + "\u2026" : f.name)}</span>
           <span class="ct-file-size">${this._formatFileSize(f.size)}</span>
           <button type="button" class="ct-file-remove" data-index="${i}" title="Remover">\u2715</button>
@@ -62448,11 +62466,11 @@ var SettingsModalView = class _SettingsModalView {
   formatUptime(seconds) {
     if (seconds == null || Number.isNaN(seconds)) return "\u2014";
     const d = Math.floor(seconds / 86400);
-    const h2 = Math.floor(seconds % 86400 / 3600);
+    const h3 = Math.floor(seconds % 86400 / 3600);
     const m = Math.floor(seconds % 3600 / 60);
     const parts = [];
     if (d > 0) parts.push(`${d}d`);
-    if (h2 > 0 || d > 0) parts.push(`${h2}h`);
+    if (h3 > 0 || d > 0) parts.push(`${h3}h`);
     parts.push(`${m}min`);
     return parts.join(" ");
   }
@@ -65551,11 +65569,11 @@ function formatIsoRelativeSimple(iso) {
 function formatUptime(seconds) {
   if (seconds == null || Number.isNaN(seconds)) return "\u2014";
   const d = Math.floor(seconds / 86400);
-  const h2 = Math.floor(seconds % 86400 / 3600);
+  const h3 = Math.floor(seconds % 86400 / 3600);
   const m = Math.floor(seconds % 3600 / 60);
   const parts = [];
   if (d > 0) parts.push(`${d}d`);
-  if (h2 > 0 || d > 0) parts.push(`${h2}h`);
+  if (h3 > 0 || d > 0) parts.push(`${h3}h`);
   parts.push(`${m}min`);
   return parts.join(" ");
 }
@@ -68610,7 +68628,7 @@ var WelcomeModalView = class _WelcomeModalView {
     const meta = card.metaCounts || {};
     const details = card.metaDetails || {};
     const loadingBody = '<div style="opacity:.7;padding:6px 0">Carregando\u2026</div>';
-    const header = (icon, label, count) => `<div style="font-weight:800;font-size:13px;margin-bottom:8px">${icon} ${label}${count === null || count === void 0 ? "" : ` (${count})`} \u2014 ${esc8(card.title)}</div>`;
+    const header = (icon2, label, count) => `<div style="font-weight:800;font-size:13px;margin-bottom:8px">${icon2} ${label}${count === null || count === void 0 ? "" : ` (${count})`} \u2014 ${esc8(card.title)}</div>`;
     const row = (titleHtml, subHtml) => `<div style="padding:6px 0;border-top:1px solid #334155">
          <div style="font-weight:600">${titleHtml}</div>
          ${subHtml ? `<div style="opacity:.7">${subHtml}</div>` : ""}
@@ -69295,15 +69313,15 @@ var WelcomeModalView = class _WelcomeModalView {
       if (svgIcon) {
         ctaBtn.appendChild(svgIcon);
       } else {
-        const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        svg.setAttribute("viewBox", "0 0 24 24");
-        svg.setAttribute("fill", "none");
-        svg.setAttribute("stroke", "currentColor");
-        svg.setAttribute("stroke-width", "2");
-        svg.setAttribute("stroke-linecap", "round");
-        svg.setAttribute("stroke-linejoin", "round");
-        svg.innerHTML = '<line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" />';
-        ctaBtn.appendChild(svg);
+        const svg2 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        svg2.setAttribute("viewBox", "0 0 24 24");
+        svg2.setAttribute("fill", "none");
+        svg2.setAttribute("stroke", "currentColor");
+        svg2.setAttribute("stroke-width", "2");
+        svg2.setAttribute("stroke-linecap", "round");
+        svg2.setAttribute("stroke-linejoin", "round");
+        svg2.innerHTML = '<line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" />';
+        ctaBtn.appendChild(svg2);
       }
     }
   }
@@ -71164,10 +71182,10 @@ function createHeaderComponent(params) {
     const categoriesHtml = categories.map((c) => {
       const name = String(c?.name ?? c?.label ?? "Categoria");
       const deviceCount = Number(c?.deviceCount ?? c?.count ?? 0);
-      const icon = String(c?.icon ?? "");
+      const icon2 = String(c?.icon ?? "");
       return `
           <div class="myio-info-tooltip__row" style="padding: 6px 0; gap: 8px;">
-            <span class="myio-info-tooltip__label">${icon ? `${icon} ` : ""}${name}</span>
+            <span class="myio-info-tooltip__label">${icon2 ? `${icon2} ` : ""}${name}</span>
             <span class="myio-info-tooltip__value myio-info-tooltip__value--highlight">${deviceCount}</span>
           </div>
         `;
@@ -72465,11 +72483,11 @@ function createOverlay() {
   overlay.style.setProperty("--fc-primary-hover", colors.primaryHover);
   return overlay;
 }
-function createAlertBox(icon, title, message, buttonLabel) {
+function createAlertBox(icon2, title, message, buttonLabel) {
   const box = document.createElement("div");
   box.className = "myio-footer-alert-box";
   box.innerHTML = `
-    <div class="myio-footer-alert-icon">${icon}</div>
+    <div class="myio-footer-alert-icon">${icon2}</div>
     <h2 class="myio-footer-alert-title">${title}</h2>
     <p class="myio-footer-alert-message">${message}</p>
     <button class="myio-footer-alert-button" type="button">${buttonLabel}</button>
@@ -75889,8 +75907,8 @@ function addCanvasToPdf(doc, canvas, x = 10, y = 20, maxWmm = 190) {
   return y + mmH;
 }
 function ensureRoom(doc, nextY, minRoom = 40) {
-  const h2 = doc.internal.pageSize.getHeight();
-  if (nextY + minRoom > h2) {
+  const h3 = doc.internal.pageSize.getHeight();
+  if (nextY + minRoom > h3) {
     doc.addPage();
     return 20;
   }
@@ -77647,9 +77665,9 @@ function openGoalsPanel(params) {
     };
     const onWriteFailure = (res) => {
       state6.saving = false;
-      const conflict = readVersionConflict(res);
-      if (conflict !== null) {
-        state6.conflictVersion = conflict;
+      const conflict2 = readVersionConflict(res);
+      if (conflict2 !== null) {
+        state6.conflictVersion = conflict2;
         state6.conflict = true;
         state6.pendingReapply = dirtySnapshot;
         reload();
@@ -77715,9 +77733,9 @@ function openGoalsPanel(params) {
       reload();
       return;
     }
-    const conflict = readVersionConflict(res);
-    if (conflict !== null) {
-      state6.conflictVersion = conflict;
+    const conflict2 = readVersionConflict(res);
+    if (conflict2 !== null) {
+      state6.conflictVersion = conflict2;
       state6.conflict = true;
       reload();
     } else {
@@ -77739,9 +77757,9 @@ function openGoalsPanel(params) {
       reload();
       return;
     }
-    const conflict = readVersionConflict(res);
-    if (conflict !== null) {
-      state6.conflictVersion = conflict;
+    const conflict2 = readVersionConflict(res);
+    if (conflict2 !== null) {
+      state6.conflictVersion = conflict2;
       state6.conflict = true;
       reload();
     } else {
@@ -77767,7 +77785,7 @@ function openGoalsPanel(params) {
     const value = sampleHourValue();
     const day = `${state6.year}-03-15`;
     const lines = ["bucket,value"];
-    for (let h2 = 0; h2 < 24; h2++) lines.push(`${day}T${pad2(h2)},${value}`);
+    for (let h3 = 0; h3 < 24; h3++) lines.push(`${day}T${pad2(h3)},${value}`);
     return lines.join("\n");
   }
   function downloadCsv(csv, suffix) {
@@ -77821,8 +77839,8 @@ function openGoalsPanel(params) {
       state6.importApplied = res.data;
       reload();
     } else {
-      const conflict = readVersionConflict(res);
-      if (conflict !== null) state6.conflictVersion = conflict;
+      const conflict2 = readVersionConflict(res);
+      if (conflict2 !== null) state6.conflictVersion = conflict2;
       else state6.saveError = res.error && res.error.message || "Failed to apply import";
     }
     renderImportBody();
@@ -78034,19 +78052,19 @@ function openGoalsPanel(params) {
     if (!yearOptions.includes(state6.year)) yearOptions.unshift(state6.year);
     const actions = state6.editing ? `
         <button class="myio-goals-btn myio-goals-btn-outline" data-action="open-import" ${state6.loading || state6.error ? "disabled" : ""}>
-          ${icon("upload")} ${i18n2.importBtn}
+          ${icon2("upload")} ${i18n2.importBtn}
         </button>
         <button class="myio-goals-btn myio-goals-btn-outline" data-action="view-summary" ${state6.loading ? "disabled" : ""}>
-          ${icon("eye")} ${i18n2.viewSummary}
+          ${icon2("eye")} ${i18n2.viewSummary}
         </button>
         <button class="myio-goals-btn myio-goals-btn-primary" data-action="save" ${state6.loading || state6.error || state6.saving ? "disabled" : ""}>
-          ${icon("save")} ${state6.saving ? i18n2.saving : i18n2.save}
+          ${icon2("save")} ${state6.saving ? i18n2.saving : i18n2.save}
         </button>` : `
         <button class="myio-goals-btn myio-goals-btn-outline" data-action="download-hourly" ${state6.loading ? "disabled" : ""}>
-          ${icon("download")} ${i18n2.downloadHourlyExample}
+          ${icon2("download")} ${i18n2.downloadHourlyExample}
         </button>
         <button class="myio-goals-btn myio-goals-btn-primary" data-action="enable-edit" ${state6.loading || state6.error ? "disabled" : ""}>
-          ${icon("pencil")} ${i18n2.enableEditing}
+          ${icon2("pencil")} ${i18n2.enableEditing}
         </button>`;
     return `
       <div class="myio-goals-toolbar">
@@ -78064,9 +78082,9 @@ function openGoalsPanel(params) {
             </select>
           </label>
           <div class="myio-goals-chips">
-            <span class="myio-goals-chip myio-goals-chip-accent">${icon("target")} ${i18n2.domains[state6.domain]} \xB7 ${i18n2.aggregation[cfg.aggregationMethod]}</span>
+            <span class="myio-goals-chip myio-goals-chip-accent">${icon2("target")} ${i18n2.domains[state6.domain]} \xB7 ${i18n2.aggregation[cfg.aggregationMethod]}</span>
             <span class="myio-goals-chip myio-goals-chip-mono">${unitLabel2()}</span>
-            <span class="myio-goals-chip myio-goals-chip-violet">${icon("history")} ${i18n2.currentVersion.replace("{n}", version2)}</span>
+            <span class="myio-goals-chip myio-goals-chip-violet">${icon2("history")} ${i18n2.currentVersion.replace("{n}", version2)}</span>
             ${renderMarginChip()}
             ${renderDeviceGranularityChip()}
             ${renderCoverageChip()}
@@ -78133,7 +78151,7 @@ function openGoalsPanel(params) {
                ${state6.saving ? "disabled" : ""} />
         <span class="myio-goals-margin-pct">%</span>
         <button class="myio-goals-btn myio-goals-btn-outline myio-goals-btn-sm" data-action="save-margin" ${state6.saving ? "disabled" : ""}>
-          ${icon("save")} ${i18n2.margin.save}
+          ${icon2("save")} ${i18n2.margin.save}
         </button>
         ${pct != null ? `<button class="myio-goals-btn myio-goals-btn-outline myio-goals-btn-sm" data-action="clear-margin" ${state6.saving ? "disabled" : ""}>${i18n2.margin.clear}</button>` : ""}
         <span class="myio-goals-margin-hint">${i18n2.margin.hint}</span>
@@ -78142,24 +78160,24 @@ function openGoalsPanel(params) {
   function renderMessages() {
     let html = "";
     if (state6.conflict) {
-      html += `<div class="myio-goals-alert myio-goals-alert-amber">${icon("alert")} ${i18n2.versionConflict}</div>`;
+      html += `<div class="myio-goals-alert myio-goals-alert-amber">${icon2("alert")} ${i18n2.versionConflict}</div>`;
     }
     if (state6.saveError && !state6.conflict) {
-      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon("alert")} ${esc4(state6.saveError)}</div>`;
+      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon2("alert")} ${esc4(state6.saveError)}</div>`;
     }
     if (state6.saved && !state6.saveError) {
-      html += `<div class="myio-goals-alert myio-goals-alert-green">${icon("check")} ${i18n2.saveSuccess}</div>`;
+      html += `<div class="myio-goals-alert myio-goals-alert-green">${icon2("check")} ${i18n2.saveSuccess}</div>`;
     }
     return html;
   }
   function renderMain() {
     if (state6.loading) {
-      return `<div class="myio-goals-center">${icon("spinner")} <span>${i18n2.loading}</span></div>`;
+      return `<div class="myio-goals-center">${icon2("spinner")} <span>${i18n2.loading}</span></div>`;
     }
     if (state6.error) {
       return `
         <div class="myio-goals-center myio-goals-center-col">
-          ${icon("alert-lg")}
+          ${icon2("alert-lg")}
           <p>${esc4(state6.error)}</p>
           <button class="myio-goals-btn myio-goals-btn-outline" data-action="retry">${i18n2.retry}</button>
         </div>`;
@@ -78172,20 +78190,20 @@ function openGoalsPanel(params) {
     if (!s.hasData) {
       return `
         <div class="myio-goals-center myio-goals-center-col">
-          ${icon("target-lg")}
+          ${icon2("target-lg")}
           <p>${i18n2.noData.replace("{year}", state6.year)}</p>
-          <button class="myio-goals-btn myio-goals-btn-primary" data-action="enable-edit">${icon("pencil")} ${i18n2.enableEditing}</button>
+          <button class="myio-goals-btn myio-goals-btn-primary" data-action="enable-edit">${icon2("pencil")} ${i18n2.enableEditing}</button>
         </div>`;
     }
     const avg = isAverage();
-    const glyph = avg ? `<span class="myio-goals-glyph">x\u0304</span>` : icon("sigma");
+    const glyph = avg ? `<span class="myio-goals-glyph">x\u0304</span>` : icon2("sigma");
     const kpis = [
-      { ic: icon("calendar"), label: i18n2.summary.year, value: String(state6.year) },
+      { ic: icon2("calendar"), label: i18n2.summary.year, value: String(state6.year) },
       { ic: glyph, label: avg ? i18n2.summary.yearAverage : i18n2.summary.yearTotal, value: fmt2(s.yearValue) },
-      { ic: icon("calendar-range"), label: i18n2.summary.monthsWithGoal, value: `${s.monthsWithGoal} / 12` },
-      { ic: icon("calendar-days"), label: i18n2.summary.daysWithGoal, value: String(s.daysWithGoal) },
-      { ic: icon("trend"), label: i18n2.summary.avgPerMonth, value: fmt2(s.avgPerMonth) },
-      { ic: icon("trend"), label: i18n2.summary.avgPerDay, value: fmt2(s.avgPerDay) }
+      { ic: icon2("calendar-range"), label: i18n2.summary.monthsWithGoal, value: `${s.monthsWithGoal} / 12` },
+      { ic: icon2("calendar-days"), label: i18n2.summary.daysWithGoal, value: String(s.daysWithGoal) },
+      { ic: icon2("trend"), label: i18n2.summary.avgPerMonth, value: fmt2(s.avgPerMonth) },
+      { ic: icon2("trend"), label: i18n2.summary.avgPerDay, value: fmt2(s.avgPerDay) }
     ];
     const marginPct = currentMarginPct();
     const adjAnnual = state6.goals && state6.goals.tree && state6.goals.tree.annual ? state6.goals.tree.annual.adjustedValue : null;
@@ -78198,7 +78216,7 @@ function openGoalsPanel(params) {
     }
     const topCol = (title, items, labeler) => `
       <div class="myio-goals-topcard">
-        <h4>${icon("trend")} ${title}</h4>
+        <h4>${icon2("trend")} ${title}</h4>
         ${items.length === 0 ? `<p class="myio-goals-muted">\u2014</p>` : `<ol>${items.map(
       (e, i) => `
             <li>
@@ -78237,9 +78255,9 @@ function openGoalsPanel(params) {
     const version2 = state6.goals ? state6.goals.version : 0;
     const crumb = `
       <nav class="myio-goals-crumb">
-        <button data-action="crumb-months" class="${state6.level === "month" ? "active" : ""}">${icon("home")} ${i18n2.breadcrumbYear.replace("{year}", state6.year)}</button>
-        ${state6.selectedMonth ? `${icon("chevron")}<button data-action="crumb-days" class="${state6.level === "day" ? "active" : ""}">${i18n2.months[state6.selectedMonth]}</button>` : ""}
-        ${state6.selectedMonth && state6.selectedDay && state6.level === "hour" ? `${icon("chevron")}<span class="active">${i18n2.breadcrumbDay.replace("{day}", Number(state6.selectedDay))}</span>` : ""}
+        <button data-action="crumb-months" class="${state6.level === "month" ? "active" : ""}">${icon2("home")} ${i18n2.breadcrumbYear.replace("{year}", state6.year)}</button>
+        ${state6.selectedMonth ? `${icon2("chevron")}<button data-action="crumb-days" class="${state6.level === "day" ? "active" : ""}">${i18n2.months[state6.selectedMonth]}</button>` : ""}
+        ${state6.selectedMonth && state6.selectedDay && state6.level === "hour" ? `${icon2("chevron")}<span class="active">${i18n2.breadcrumbDay.replace("{day}", Number(state6.selectedDay))}</span>` : ""}
       </nav>`;
     const emptyHint = state6.level === "month" && monthlyFilledCount() === 0 && version2 === 0 ? `<p class="myio-goals-muted">${i18n2.empty}</p>` : "";
     const drillHint = state6.level !== "hour" ? `<p class="myio-goals-microhint">${state6.level === "month" ? i18n2.drill.openMonthHint : i18n2.drill.openDayHint}</p>` : "";
@@ -78249,14 +78267,14 @@ function openGoalsPanel(params) {
       const confirmed = node && node.derived === false;
       const cellLabel = state6.level === "month" ? i18n2.months[key] : state6.level === "day" ? i18n2.dayCell.replace("{day}", Number(key)) : `${key}:00`;
       const canDrill = state6.level !== "hour";
-      const labelEl = canDrill ? `<button class="myio-goals-cell-drill" data-action="${state6.level === "month" ? "open-month" : "open-day"}" data-key="${key}" title="${i18n2.drill.openTitle}">${cellLabel} ${icon("chevron-sm")}</button>` : `<span class="myio-goals-cell-label">${cellLabel}</span>`;
+      const labelEl = canDrill ? `<button class="myio-goals-cell-drill" data-action="${state6.level === "month" ? "open-month" : "open-day"}" data-key="${key}" title="${i18n2.drill.openTitle}">${cellLabel} ${icon2("chevron-sm")}</button>` : `<span class="myio-goals-cell-label">${cellLabel}</span>`;
       const val = state6.draft[key] !== void 0 ? esc4(state6.draft[key]) : "";
       const minAttr = cfg.allowsNegative ? "" : 'min="0"';
       return `
           <div class="myio-goals-cell">
             <div class="myio-goals-cell-head">
               ${labelEl}
-              ${icon("pencil-sm")}
+              ${icon2("pencil-sm")}
             </div>
             <div class="myio-goals-cell-input">
               <input type="number" step="any" ${minAttr} data-cell="${key}" value="${val}" placeholder="\u2014" />
@@ -78266,7 +78284,7 @@ function openGoalsPanel(params) {
           </div>`;
     }).join("");
     const totalLabel = state6.level === "month" ? avg ? i18n2.summary.yearAverage : i18n2.summary.yearTotal : state6.level === "day" ? avg ? i18n2.monthAverage : i18n2.monthTotal : avg ? i18n2.dayAverage : i18n2.dayTotal;
-    const glyph = avg ? `<span class="myio-goals-glyph">x\u0304</span>` : icon("sigma");
+    const glyph = avg ? `<span class="myio-goals-glyph">x\u0304</span>` : icon2("sigma");
     const total = computedTotal();
     return `
       <div class="myio-goals-editor">
@@ -78279,7 +78297,7 @@ function openGoalsPanel(params) {
           <span class="myio-goals-total-val" id="myio-goals-computed-total">${total === null ? "\u2014" : fmt2(total)}</span>
         </div>
         <div class="myio-goals-legend">
-          <span>${icon("pencil-sm")} ${i18n2.legendEditable}</span>
+          <span>${icon2("pencil-sm")} ${i18n2.legendEditable}</span>
           <span>${glyph} ${i18n2.legendComputed}</span>
         </div>
       </div>`;
@@ -78300,12 +78318,12 @@ function openGoalsPanel(params) {
     const diff = Math.max(0, Date.now() - then);
     const s = Math.floor(diff / 1e3);
     const m = Math.floor(s / 60);
-    const h2 = Math.floor(m / 60);
-    const d = Math.floor(h2 / 24);
+    const h3 = Math.floor(m / 60);
+    const d = Math.floor(h3 / 24);
     const T = i18n2.time;
     if (s < 60) return T.now;
     if (m < 60) return T.min.replace("{n}", m);
-    if (h2 < 24) return T.hour.replace("{n}", h2);
+    if (h3 < 24) return T.hour.replace("{n}", h3);
     if (d < 30) return T.day.replace("{n}", d);
     return new Date(iso).toLocaleDateString(locale);
   }
@@ -78314,7 +78332,7 @@ function openGoalsPanel(params) {
     const history = state6.goals && state6.goals.history || [];
     const version2 = state6.goals ? state6.goals.version : 0;
     const DETAIL_PREVIEW = 8;
-    const items = history.length === 0 ? `<div class="myio-goals-center myio-goals-center-col myio-goals-hist-empty">${icon("clock")}<p>${i18n2.history.empty}</p></div>` : `<ol class="myio-goals-timeline">${history.map((ev, idx) => {
+    const items = history.length === 0 ? `<div class="myio-goals-center myio-goals-center-col myio-goals-hist-empty">${icon2("clock")}<p>${i18n2.history.empty}</p></div>` : `<ol class="myio-goals-timeline">${history.map((ev, idx) => {
       const actor = ev.actor ? `${String(ev.actor).slice(0, 8)}\u2026` : i18n2.history.system;
       const extra = ev.bucketCount - (ev.details ? ev.details.length : 0);
       const chips = (ev.details || []).slice(0, DETAIL_PREVIEW).map(
@@ -78323,7 +78341,7 @@ function openGoalsPanel(params) {
       const more = extra > 0 ? `<span class="myio-goals-tl-more">${i18n2.history.moreDetails.replace("{n}", extra)}</span>` : "";
       return `
                 <li class="myio-goals-tl-item">
-                  <span class="myio-goals-tl-dot">${icon(ev.source === "IMPORT" ? "upload-sm" : ev.source === "DELETE" ? "trash-sm" : "pencil-sm")}</span>
+                  <span class="myio-goals-tl-dot">${icon2(ev.source === "IMPORT" ? "upload-sm" : ev.source === "DELETE" ? "trash-sm" : "pencil-sm")}</span>
                   <div class="myio-goals-tl-head">
                     <span class="myio-goals-tl-title">${i18n2.history.source[ev.source] || i18n2.history.source.EDIT}</span>
                     <span class="myio-goals-tl-ver">v${ev.version}</span>
@@ -78336,7 +78354,7 @@ function openGoalsPanel(params) {
     return `
       <div class="myio-goals-history">
         <div class="myio-goals-history-head">
-          <h3>${icon("clock")} ${i18n2.history.title}</h3>
+          <h3>${icon2("clock")} ${i18n2.history.title}</h3>
           <span class="myio-goals-history-meta">${i18n2.domains[state6.domain]} \xB7 ${state6.year} \xB7 ${i18n2.currentVersion.replace("{n}", version2)}</span>
         </div>
         ${items}
@@ -78348,7 +78366,7 @@ function openGoalsPanel(params) {
       <div class="myio-goals-import-dialog">
         <div class="myio-goals-import-card">
           <div class="myio-goals-import-header">
-            <span class="myio-goals-import-icon">${icon("upload")}</span>
+            <span class="myio-goals-import-icon">${icon2("upload")}</span>
             <div>
               <h3>${i18n2.import.title}</h3>
               <p>${i18n2.import.subtitle.replace("{domain}", i18n2.domains[state6.domain]).replace("{year}", state6.year)}</p>
@@ -78383,9 +78401,9 @@ ${state6.year}-03-15T08,15`;
           <div class="myio-goals-import-inputhead">
             <label>${i18n2.import.csvLabel}</label>
             <div class="myio-goals-import-links">
-              <button data-action="download-template">${icon("download")} ${i18n2.import.downloadTemplate}</button>
-              <button data-action="download-hourly">${icon("download")} ${i18n2.import.downloadHourlyExample}</button>
-              <button data-action="import-upload">${icon("upload")} ${i18n2.import.uploadFile}</button>
+              <button data-action="download-template">${icon2("download")} ${i18n2.import.downloadTemplate}</button>
+              <button data-action="download-hourly">${icon2("download")} ${i18n2.import.downloadHourlyExample}</button>
+              <button data-action="import-upload">${icon2("upload")} ${i18n2.import.uploadFile}</button>
               <input type="file" id="myio-goals-csv-file" accept=".csv,.txt,text/csv,text/plain" style="display:none" />
             </div>
           </div>
@@ -78398,22 +78416,22 @@ ${state6.year}-03-15T08,15`)}">${esc4(state6.csv)}</textarea>
         </div>`;
     }
     if (state6.saveError && state6.conflictVersion === null) {
-      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon("alert")} ${esc4(state6.saveError)}</div>`;
+      html += `<div class="myio-goals-alert myio-goals-alert-red">${icon2("alert")} ${esc4(state6.saveError)}</div>`;
     }
     if (state6.conflictVersion !== null) {
-      html += `<div class="myio-goals-alert myio-goals-alert-amber">${icon("alert")} ${i18n2.import.conflict}</div>`;
+      html += `<div class="myio-goals-alert myio-goals-alert-amber">${icon2("alert")} ${i18n2.import.conflict}</div>`;
     }
     if (result) html += renderImportSummary(result, counts);
     return html;
   }
   function renderImportSummary(result, counts) {
     const persisted = result.dryRun === false;
-    const badge = persisted ? `<span class="myio-goals-chip myio-goals-chip-accent">${icon("check")} ${i18n2.import.appliedBadge.replace("{version}", result.version || 0)}</span>` : `<span class="myio-goals-chip myio-goals-chip-mono">${i18n2.import.previewBadge}</span>`;
+    const badge = persisted ? `<span class="myio-goals-chip myio-goals-chip-accent">${icon2("check")} ${i18n2.import.appliedBadge.replace("{version}", result.version || 0)}</span>` : `<span class="myio-goals-chip myio-goals-chip-mono">${i18n2.import.previewBadge}</span>`;
     let html = `
       <div class="myio-goals-import-summary">
         <div class="myio-goals-import-counts">
-          <span class="myio-goals-chip myio-goals-chip-accent">${icon("check")} ${i18n2.import.okCount.replace("{n}", result.okCount)}</span>
-          ${result.errorCount > 0 ? `<span class="myio-goals-chip myio-goals-chip-red">${icon("alert")} ${i18n2.import.errorCount.replace("{n}", result.errorCount)}</span>` : ""}
+          <span class="myio-goals-chip myio-goals-chip-accent">${icon2("check")} ${i18n2.import.okCount.replace("{n}", result.okCount)}</span>
+          ${result.errorCount > 0 ? `<span class="myio-goals-chip myio-goals-chip-red">${icon2("alert")} ${i18n2.import.errorCount.replace("{n}", result.errorCount)}</span>` : ""}
           ${badge}
         </div>`;
     if (!persisted && counts && result.okCount > 0) {
@@ -78427,7 +78445,7 @@ ${state6.year}-03-15T08,15`)}">${esc4(state6.csv)}</textarea>
         <div class="myio-goals-import-diags">
           <p class="myio-goals-import-diags-title">${i18n2.import.diagnosticsTitle}</p>
           <ul>${result.diagnostics.map(
-        (d) => `<li>${icon("alert-sm")} <span><span class="myio-goals-diag-line">${i18n2.import.line.replace("{line}", d.line)}</span>${d.bucket ? ` <span class="myio-goals-diag-bucket">[${esc4(d.bucket)}]</span>` : ""} ${esc4(d.reason)}</span></li>`
+        (d) => `<li>${icon2("alert-sm")} <span><span class="myio-goals-diag-line">${i18n2.import.line.replace("{line}", d.line)}</span>${d.bucket ? ` <span class="myio-goals-diag-bucket">[${esc4(d.bucket)}]</span>` : ""} ${esc4(d.reason)}</span></li>`
       ).join("")}</ul>
         </div>`;
     }
@@ -78447,7 +78465,7 @@ ${state6.year}-03-15T08,15`)}">${esc4(state6.csv)}</textarea>
     }
     const canPreview = state6.csv.trim().length > 0 && !state6.saving;
     const canConfirm = !!state6.importPreview && state6.importPreview.okCount > 0 && !state6.saving && !state6.importApplied;
-    const right = state6.importPreview ? `<button class="myio-goals-btn myio-goals-btn-primary" data-action="import-confirm" ${canConfirm ? "" : "disabled"}>${icon("upload")} ${i18n2.import.confirm.replace("{n}", state6.importPreview.okCount)}</button>` : `<button class="myio-goals-btn myio-goals-btn-primary" data-action="import-preview" ${canPreview ? "" : "disabled"}>${icon("upload")} ${i18n2.import.preview}</button>`;
+    const right = state6.importPreview ? `<button class="myio-goals-btn myio-goals-btn-primary" data-action="import-confirm" ${canConfirm ? "" : "disabled"}>${icon2("upload")} ${i18n2.import.confirm.replace("{n}", state6.importPreview.okCount)}</button>` : `<button class="myio-goals-btn myio-goals-btn-primary" data-action="import-preview" ${canPreview ? "" : "disabled"}>${icon2("upload")} ${i18n2.import.preview}</button>`;
     return `
       <button class="myio-goals-btn myio-goals-btn-outline" data-action="import-close" ${state6.saving ? "disabled" : ""}>${i18n2.import.cancel}</button>
       ${right}`;
@@ -78459,7 +78477,7 @@ ${state6.year}-03-15T08,15`)}">${esc4(state6.csv)}</textarea>
     if (body) body.innerHTML = renderImportInner();
     if (footer) footer.innerHTML = renderImportFooter();
   }
-  function icon(name) {
+  function icon2(name) {
     const S2 = (p2) => `<svg class="myio-goals-ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${p2}</svg>`;
     switch (name) {
       case "target":
@@ -82001,7 +82019,7 @@ var EnergySummaryTooltip = {
       }))
     });
     categories.forEach((cat, catIndex) => {
-      const icon = CATEGORY_ICONS[cat.id] || CATEGORY_ICONS.outros;
+      const icon2 = CATEGORY_ICONS[cat.id] || CATEGORY_ICONS.outros;
       const hasChildren = cat.children && cat.children.length > 0;
       const hasShoppingBreakdown = cat.byShoppingBreakdown && cat.byShoppingBreakdown.length > 0;
       const isExpandable = hasChildren || hasShoppingBreakdown;
@@ -82011,7 +82029,7 @@ var EnergySummaryTooltip = {
             ${isExpandable ? `
               <button class="energy-summary-tooltip__expand-toggle" data-target="cat-${catIndex}" title="Expandir">+</button>
             ` : ""}
-            <span class="energy-summary-tooltip__category-icon">${icon}</span>
+            <span class="energy-summary-tooltip__category-icon">${icon2}</span>
             <span>${cat.name}</span>
           </span>
           <span class="energy-summary-tooltip__category-count">${cat.deviceCount}</span>
@@ -82678,10 +82696,10 @@ var EnergySummaryTooltip = {
       return;
     }
     this._cancelDevicePopupDelayedHide();
-    const icon = this._getStatusIcon(statusKey);
+    const icon2 = this._getStatusIcon(statusKey);
     const content = this._buildDeviceListContent(statusKey, label, count);
     InfoTooltip2.show(triggerElement, {
-      icon,
+      icon: icon2,
       title: `${label} (${count})`,
       content
     });
@@ -83995,7 +84013,7 @@ var WaterSummaryTooltip = {
       return html;
     }
     categories.forEach((cat, catIndex) => {
-      const icon = WATER_CATEGORY_ICONS[cat.id] || WATER_CATEGORY_ICONS.areaComum;
+      const icon2 = WATER_CATEGORY_ICONS[cat.id] || WATER_CATEGORY_ICONS.areaComum;
       const hasChildren = cat.children && cat.children.length > 0;
       const hasShoppingBreakdown = cat.byShoppingBreakdown && cat.byShoppingBreakdown.length > 0;
       const isExpandable = hasChildren || hasShoppingBreakdown;
@@ -84005,7 +84023,7 @@ var WaterSummaryTooltip = {
             ${isExpandable ? `
               <button class="water-summary-tooltip__expand-toggle" data-target="water-cat-${catIndex}" title="Expandir">+</button>
             ` : ""}
-            <span class="water-summary-tooltip__category-icon">${icon}</span>
+            <span class="water-summary-tooltip__category-icon">${icon2}</span>
             <span>${cat.name}</span>
           </span>
           <span class="water-summary-tooltip__category-count">${cat.deviceCount}</span>
@@ -84603,10 +84621,10 @@ var WaterSummaryTooltip = {
       return;
     }
     this._cancelDevicePopupDelayedHide();
-    const icon = this._getStatusIcon(statusKey);
+    const icon2 = this._getStatusIcon(statusKey);
     const content = this._buildDeviceListContent(statusKey, label, count);
     InfoTooltip2.show(triggerElement, {
-      icon,
+      icon: icon2,
       title: `${label} (${count})`,
       content
     });
@@ -86198,10 +86216,10 @@ function generateContentHTML(data) {
         <div class="myio-temp-sensor-tooltip__list">
           ${displayDevices.map((d) => {
       const statusClass = d.status === "ok" ? "ok" : d.status === "warn" ? "warn" : "unknown";
-      const icon = d.status === "ok" ? "\u2714" : d.status === "warn" ? "\u26A0" : "?";
+      const icon2 = d.status === "ok" ? "\u2714" : d.status === "warn" ? "\u26A0" : "?";
       return `
               <div class="myio-temp-sensor-tooltip__list-item myio-temp-sensor-tooltip__list-item--${statusClass}">
-                <span class="myio-temp-sensor-tooltip__list-icon">${icon}</span>
+                <span class="myio-temp-sensor-tooltip__list-icon">${icon2}</span>
                 <span class="myio-temp-sensor-tooltip__list-name">${d.name}</span>
                 <span class="myio-temp-sensor-tooltip__list-value">${d.temp.toFixed(1)}\xB0C</span>
               </div>
@@ -87059,7 +87077,7 @@ function generateHeaderHTML5(data) {
     </div>
   `;
 }
-function generateDomainHTML(domain, icon, name, counts, isTemperature = false) {
+function generateDomainHTML(domain, icon2, name, counts, isTemperature = false) {
   const isExpanded = state5.expandedDomains.has(domain);
   const expandedClass = isExpanded ? "expanded" : "";
   let detailsHTML = "";
@@ -87096,7 +87114,7 @@ function generateDomainHTML(domain, icon, name, counts, isTemperature = false) {
     <div class="myio-contract-summary-tooltip__domain ${expandedClass}" data-domain="${domain}">
       <div class="myio-contract-summary-tooltip__domain-header" data-toggle-domain="${domain}">
         <div class="myio-contract-summary-tooltip__domain-info">
-          <span class="myio-contract-summary-tooltip__domain-icon">${icon}</span>
+          <span class="myio-contract-summary-tooltip__domain-icon">${icon2}</span>
           <span class="myio-contract-summary-tooltip__domain-name">${name}</span>
         </div>
         <div style="display: flex; align-items: center; gap: 8px;">
@@ -93236,11 +93254,11 @@ function renderRow(row, level) {
   const pct = row.pct;
   const caret = hasChildren ? `<button class="myio-gbt__caret${open ? " is-open" : ""}" data-caret="${id}" title="Expandir/recolher">\u25B8</button>` : `<span class="myio-gbt__caret-spacer"></span>`;
   const swatch = row.color ? `<span class="myio-gbt__swatch" style="background:${esc6(row.color)}"></span>` : "";
-  const icon = row.icon ? `<span class="myio-gbt__icon">${esc6(row.icon)}</span>` : "";
+  const icon2 = row.icon ? `<span class="myio-gbt__icon">${esc6(row.icon)}</span>` : "";
   const chipHtml = row.delta ? renderDeltaChip(row.delta) : "";
   const pctHtml = !row.delta && pct != null && isFinite(pct) ? `<span class="myio-gbt__pct">${esc6(fmtPct3(pct))}</span>` : "";
   const rowClass = level > 0 ? "myio-gbt__row myio-gbt__row--child" : "myio-gbt__row";
-  let html = `<div class="${rowClass}">` + caret + swatch + icon + `<span class="myio-gbt__label">${esc6(row.label)}</span><span class="myio-gbt__value">${esc6(row.valueText)}</span>` + chipHtml + pctHtml + `</div>`;
+  let html = `<div class="${rowClass}">` + caret + swatch + icon2 + `<span class="myio-gbt__label">${esc6(row.label)}</span><span class="myio-gbt__value">${esc6(row.valueText)}</span>` + chipHtml + pctHtml + `</div>`;
   if (hasChildren) {
     const childHtml = row.children.map((c) => renderRow(c, level + 1)).join("");
     html += `<div class="myio-gbt__children${open ? " is-open" : ""}" data-children="${id}">${childHtml}</div>`;
@@ -93275,16 +93293,16 @@ function createGoalsBarTooltip(opts) {
   function positionAt(clientX, clientY) {
     const rect = el2.getBoundingClientRect();
     const w = rect.width || 280;
-    const h2 = rect.height || 200;
+    const h3 = rect.height || 200;
     const pad = 12;
     const gap = 16;
     let left = clientX + gap;
     let top = clientY + gap;
     if (left + w > window.innerWidth - pad) left = clientX - w - gap;
     if (left < pad) left = Math.max(pad, (window.innerWidth - w) / 2);
-    if (top + h2 > window.innerHeight - pad) top = clientY - h2 - gap;
+    if (top + h3 > window.innerHeight - pad) top = clientY - h3 - gap;
     if (top < pad) top = pad;
-    if (top + h2 > window.innerHeight - pad) top = Math.max(pad, window.innerHeight - h2 - pad);
+    if (top + h3 > window.innerHeight - pad) top = Math.max(pad, window.innerHeight - h3 - pad);
     el2.style.left = `${Math.round(left)}px`;
     el2.style.top = `${Math.round(top)}px`;
   }
@@ -93524,13 +93542,13 @@ function _buildDayBoundaries(startISO, endISO) {
 }
 function _buildHourBoundaries(dateISO) {
   const result = [];
-  for (let h2 = 0; h2 < 24; h2++) {
+  for (let h3 = 0; h3 < 24; h3++) {
     const start = /* @__PURE__ */ new Date(`${dateISO}T00:00:00`);
-    start.setHours(h2, 0, 0, 0);
+    start.setHours(h3, 0, 0, 0);
     const end = new Date(start);
-    end.setHours(h2, 59, 59, 999);
+    end.setHours(h3, 59, 59, 999);
     result.push({
-      label: `${String(h2).padStart(2, "0")}h`,
+      label: `${String(h3).padStart(2, "0")}h`,
       startTs: start.getTime(),
       endTs: end.getTime()
     });
@@ -96905,7 +96923,7 @@ var MODE_DEFAULTS = {
   }
 };
 function mixHex2(hexA, hexB, pctB) {
-  const n = (h2) => parseInt(h2.slice(1), 16);
+  const n = (h3) => parseInt(h3.slice(1), 16);
   const a = n(hexA);
   const b = n(hexB);
   const ch = (sa, sb) => Math.round(sa + (sb - sa) * pctB);
@@ -97851,11 +97869,11 @@ var TariffApiClient = class {
     this.basePath = config2.basePath ?? "api/v1";
   }
   authHeaders() {
-    const h2 = {};
-    if (this.cfg.apiKey) h2["X-API-Key"] = this.cfg.apiKey;
-    if (this.cfg.jwt) h2["Authorization"] = `Bearer ${this.cfg.jwt}`;
-    if (this.cfg.tenantId) h2["X-Tenant-Id"] = this.cfg.tenantId;
-    return h2;
+    const h3 = {};
+    if (this.cfg.apiKey) h3["X-API-Key"] = this.cfg.apiKey;
+    if (this.cfg.jwt) h3["Authorization"] = `Bearer ${this.cfg.jwt}`;
+    if (this.cfg.tenantId) h3["X-Tenant-Id"] = this.cfg.tenantId;
+    return h3;
   }
   /** Read the tariff tree. `granularity` defaults to `day` server-side. */
   async getTariff(sel, granularity = "hour") {
@@ -98117,7 +98135,7 @@ function bandToPanelEntry(band, customerId) {
 function expandDayToHourBuckets(date, price) {
   assertValidCivilDate(date);
   const out = [];
-  for (let h2 = 0; h2 < 24; h2++) out.push({ level: "HOUR", ref: `${date}T${pad23(h2)}`, price });
+  for (let h3 = 0; h3 < 24; h3++) out.push({ level: "HOUR", ref: `${date}T${pad23(h3)}`, price });
   return out;
 }
 function expandBandHours(date, startHour, endHour, price) {
@@ -98126,7 +98144,7 @@ function expandBandHours(date, startHour, endHour, price) {
     throw new Error(`Invalid hour band ${startHour}-${endHour} for ${date}`);
   }
   const out = [];
-  for (let h2 = startHour; h2 <= endHour; h2++) out.push({ level: "HOUR", ref: `${date}T${pad23(h2)}`, price });
+  for (let h3 = startHour; h3 <= endHour; h3++) out.push({ level: "HOUR", ref: `${date}T${pad23(h3)}`, price });
   return out;
 }
 function bandDateBounds(band) {
@@ -98176,12 +98194,12 @@ function expandBandToHourBucketsByYear(band) {
 function collapseHoursToBands(date, hours, dims) {
   const sorted = [...hours].sort((a, b) => a.hour - b.hour);
   const runs = [];
-  for (const h2 of sorted) {
+  for (const h3 of sorted) {
     const cur = runs[runs.length - 1];
-    if (cur && h2.hour === cur.endHour + 1 && h2.price === cur.price) {
-      cur.endHour = h2.hour;
+    if (cur && h3.hour === cur.endHour + 1 && h3.price === cur.price) {
+      cur.endHour = h3.hour;
     } else {
-      runs.push({ startHour: h2.hour, endHour: h2.hour, price: h2.price });
+      runs.push({ startHour: h3.hour, endHour: h3.hour, price: h3.price });
     }
   }
   return runs.map(
@@ -98201,13 +98219,13 @@ function dayNodeToHours(node) {
   const hourly = node.hourly || {};
   const hourKeys = Object.keys(hourly);
   if (hourKeys.length === 0) {
-    return dayPrice != null ? Array.from({ length: 24 }, (_, h2) => ({ hour: h2, price: dayPrice })) : null;
+    return dayPrice != null ? Array.from({ length: 24 }, (_, h3) => ({ hour: h3, price: dayPrice })) : null;
   }
   const out = [];
-  for (let h2 = 0; h2 < 24; h2++) {
-    const ov = hourly[String(h2)];
+  for (let h3 = 0; h3 < 24; h3++) {
+    const ov = hourly[String(h3)];
     const price = ov && typeof ov.price === "string" ? ov.price : dayPrice;
-    if (price != null) out.push({ hour: h2, price });
+    if (price != null) out.push({ hour: h3, price });
   }
   return out.length ? out : null;
 }
@@ -98994,11 +99012,11 @@ var GoalsMoneyClient = class {
     this.basePath = config2.basePath ?? "api/v1";
   }
   authHeaders() {
-    const h2 = {};
-    if (this.cfg.apiKey) h2["X-API-Key"] = this.cfg.apiKey;
-    if (this.cfg.jwt) h2["Authorization"] = `Bearer ${this.cfg.jwt}`;
-    if (this.cfg.tenantId) h2["X-Tenant-Id"] = this.cfg.tenantId;
-    return h2;
+    const h3 = {};
+    if (this.cfg.apiKey) h3["X-API-Key"] = this.cfg.apiKey;
+    if (this.cfg.jwt) h3["Authorization"] = `Bearer ${this.cfg.jwt}`;
+    if (this.cfg.tenantId) h3["X-Tenant-Id"] = this.cfg.tenantId;
+    return h3;
   }
   goalsPath(sel) {
     return `/customers/${encodeURIComponent(sel.customerId)}/goals`;
@@ -103905,14 +103923,14 @@ function renderLojasStep3(state6, modalId, colors2, t) {
 }
 function renderAttrRow(key, value, readonly, suggestion, colors2, modalId, t, isFetchable = false, helpText) {
   const hasValue = value !== null && value !== void 0 && value !== "";
-  const icon = hasValue ? "\u2705" : "\u26A0\uFE0F";
+  const icon2 = hasValue ? "\u2705" : "\u26A0\uFE0F";
   const inputBorder = hasValue ? colors2.border : colors2.warning;
   return `
     <div style="
       display: flex; align-items: center; gap: 12px;
       padding: 12px 16px; border-bottom: 1px solid ${colors2.border};
     ">
-      <span style="font-size: 16px;">${icon}</span>
+      <span style="font-size: 16px;">${icon2}</span>
       <span style="width: 110px; font-size: 13px; color: ${colors2.textMuted}; font-weight: 500; display: flex; align-items: center; gap: 4px;">
         ${key}
         ${helpText ? `<span title="${helpText}" style="cursor: help; font-size: 12px; color: ${colors2.primary};">\u2139\uFE0F</span>` : ""}
@@ -103947,7 +103965,7 @@ function renderAttrRow(key, value, readonly, suggestion, colors2, modalId, t, is
 }
 function renderDeviceTypeSelect(value, suggested, colors2, modalId, t) {
   const hasValue = !!value;
-  const icon = hasValue ? "\u2705" : "\u26A0\uFE0F";
+  const icon2 = hasValue ? "\u2705" : "\u26A0\uFE0F";
   const options = [
     "3F_MEDIDOR",
     "HIDROMETRO",
@@ -103966,7 +103984,7 @@ function renderDeviceTypeSelect(value, suggested, colors2, modalId, t) {
       display: flex; align-items: center; gap: 12px;
       padding: 12px 16px; border-bottom: 1px solid ${colors2.border};
     ">
-      <span style="font-size: 16px;">${icon}</span>
+      <span style="font-size: 16px;">${icon2}</span>
       <span style="width: 110px; font-size: 13px; color: ${colors2.textMuted}; font-weight: 500;">deviceType</span>
       <div style="flex: 1;">
         <select id="${modalId}-deviceType" style="
@@ -103992,7 +104010,7 @@ function renderDeviceTypeSelect(value, suggested, colors2, modalId, t) {
 }
 function renderDeviceProfileSelect(deviceType, value, colors2, modalId) {
   const hasValue = !!value;
-  const icon = hasValue ? "\u2705" : "\u26A0\uFE0F";
+  const icon2 = hasValue ? "\u2705" : "\u26A0\uFE0F";
   const profiles = getSuggestedProfiles(deviceType);
   const helpText = "IMPORTANTE: deviceType + deviceProfile definem o tipo do device. Se ambos = 3F_MEDIDOR \u2192 device \xE9 LOJA (energia). Se ambos = HIDROMETRO \u2192 device \xE9 LOJA (\xE1gua).";
   return `
@@ -104000,7 +104018,7 @@ function renderDeviceProfileSelect(deviceType, value, colors2, modalId) {
       display: flex; align-items: center; gap: 12px;
       padding: 12px 16px; border-bottom: 1px solid ${colors2.border};
     ">
-      <span style="font-size: 16px;">${icon}</span>
+      <span style="font-size: 16px;">${icon2}</span>
       <span style="width: 110px; font-size: 13px; color: ${colors2.textMuted}; font-weight: 500; display: flex; align-items: center; gap: 4px;">
         deviceProfile
         <span title="${helpText}" style="cursor: help; font-size: 12px; color: ${colors2.primary};">\u2139\uFE0F</span>
@@ -104021,7 +104039,7 @@ function renderDeviceProfileSelect(deviceType, value, colors2, modalId) {
 }
 function renderEntityLabelRow(currentLabel, deviceName, colors2, modalId, t) {
   const hasValue = !!currentLabel;
-  const icon = hasValue ? "\u2705" : "\u26A0\uFE0F";
+  const icon2 = hasValue ? "\u2705" : "\u26A0\uFE0F";
   const suggestedValue = currentLabel || deviceName;
   const helpText = "Etiqueta do dispositivo (entityLabel) - aparece no nome exibido da entidade no ThingsBoard";
   return `
@@ -104029,7 +104047,7 @@ function renderEntityLabelRow(currentLabel, deviceName, colors2, modalId, t) {
       display: flex; align-items: center; gap: 12px;
       padding: 12px 16px; border-bottom: 1px solid ${colors2.border};
     ">
-      <span style="font-size: 16px;">${icon}</span>
+      <span style="font-size: 16px;">${icon2}</span>
       <span style="width: 110px; font-size: 13px; color: ${colors2.textMuted}; font-weight: 500; display: flex; align-items: center; gap: 4px;">
         etiqueta
         <span title="${helpText}" style="cursor: help; font-size: 12px; color: ${colors2.primary};">\u2139\uFE0F</span>
@@ -104303,8 +104321,8 @@ async function openClearGcdrIdsModal(state6) {
         </div>
       </div>`;
   }
-  function keyBadges(present, keys) {
-    return keys.filter((k) => present[k]).map((k) => `<span style="font-size:9px; background:rgba(220,38,38,0.25); color:#fca5a5; padding:1px 5px; border-radius:3px; margin:1px; display:inline-block;">${k}</span>`).join("");
+  function keyBadges(present2, keys) {
+    return keys.filter((k) => present2[k]).map((k) => `<span style="font-size:9px; background:rgba(220,38,38,0.25); color:#fca5a5; padding:1px 5px; border-radius:3px; margin:1px; display:inline-block;">${k}</span>`).join("");
   }
   function tableHtml(rows, keys) {
     if (rows.length === 0) return '<div style="font-size:12px;color:#6b7280;padding:6px 0;">Nenhum item a limpar.</div>';
@@ -104365,13 +104383,13 @@ async function openClearGcdrIdsModal(state6) {
         await Promise.all(chunks[ci].map(async (entity) => {
           const tbId = entity.id?.id || "";
           const name = entity.name || entity.label || tbId;
-          let present = {};
+          let present2 = {};
           try {
             const attrs = await fetchAttrs(tbId);
-            for (const k of keysToCheck) present[k] = attrs[k] != null && attrs[k] !== "";
+            for (const k of keysToCheck) present2[k] = attrs[k] != null && attrs[k] !== "";
           } catch {
           }
-          targetRows.push({ tbId, name, entityType, present, hasAny: keysToCheck.some((k) => present[k]) });
+          targetRows.push({ tbId, name, entityType, present: present2, hasAny: keysToCheck.some((k) => present2[k]) });
         }));
         const done = deviceRows.length + assetRows.length;
         const bodyEl = overlay.querySelector("#gcdr-clear-body");
@@ -107781,6 +107799,2089 @@ function openGenericModal(params) {
   };
 }
 
+// src/components/myio-gcdr-login/dom.ts
+function h2(doc, tag, attrs = {}, ...children) {
+  const el2 = doc.createElement(tag);
+  for (const [k, v] of Object.entries(attrs)) {
+    if (v === null || v === void 0 || v === false) continue;
+    if (k === "class") el2.className = String(v);
+    else if (k === "text") el2.textContent = String(v);
+    else el2.setAttribute(k, v === true ? "" : String(v));
+  }
+  for (const c of children) {
+    if (c === null || c === void 0 || c === false) continue;
+    el2.appendChild(typeof c === "string" ? doc.createTextNode(c) : c);
+  }
+  return el2;
+}
+function icon(doc, markup, cls) {
+  const span = doc.createElement("span");
+  if (cls) span.className = cls;
+  span.setAttribute("aria-hidden", "true");
+  span.innerHTML = markup;
+  return span;
+}
+function safeCall(label, fn, ...args) {
+  if (!fn) return;
+  try {
+    const r = fn(...args);
+    if (r && typeof r.catch === "function") {
+      r.catch(() => console.error(`[MYIO Login] ${label} failed`));
+    }
+  } catch {
+    console.error(`[MYIO Login] ${label} failed`);
+  }
+}
+function storageGet(key) {
+  try {
+    return typeof localStorage !== "undefined" ? localStorage.getItem(key) : null;
+  } catch {
+    return null;
+  }
+}
+function storageSet(key, value) {
+  try {
+    if (typeof localStorage === "undefined") return;
+    if (value === null) localStorage.removeItem(key);
+    else localStorage.setItem(key, value);
+  } catch {
+  }
+}
+function prefersDark() {
+  try {
+    return typeof matchMedia === "function" && matchMedia("(prefers-color-scheme: dark)").matches;
+  } catch {
+    return false;
+  }
+}
+function isCoarsePointer() {
+  try {
+    return typeof matchMedia === "function" && matchMedia("(pointer: coarse)").matches;
+  } catch {
+    return false;
+  }
+}
+
+// src/components/myio-gcdr-login/icons.ts
+var svg = (body, size = 16) => `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${body}</svg>`;
+var ICONS = {
+  eye: (s) => svg('<path d="M2.06 12.35a1 1 0 0 1 0-.7 10.75 10.75 0 0 1 19.88 0 1 1 0 0 1 0 .7 10.75 10.75 0 0 1-19.88 0"/><circle cx="12" cy="12" r="3"/>', s),
+  eyeOff: (s) => svg('<path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c4.97 0 8.9 3.12 10 7a10.7 10.7 0 0 1-1.67 3.13"/><path d="M14.08 14.16a3 3 0 1 1-4.24-4.24"/><path d="M17.48 17.5A10.7 10.7 0 0 1 12 19c-4.97 0-8.9-3.12-10-7a10.7 10.7 0 0 1 4.52-5.5"/><path d="m2 2 20 20"/>', s),
+  lock: (s) => svg('<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>', s),
+  shieldAlert: (s) => svg('<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="M12 8v4"/><path d="M12 16h.01"/>', s),
+  alert: (s) => svg('<circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/>', s),
+  info: (s) => svg('<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>', s),
+  sun: (s) => svg('<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>', s),
+  moon: (s) => svg('<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>', s),
+  globe: (s) => svg('<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>', s),
+  x: (s) => svg('<path d="M18 6 6 18"/><path d="m6 6 12 12"/>', s),
+  arrowLeft: (s) => svg('<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>', s),
+  chevronRight: (s) => svg('<path d="m9 18 6-6-6-6"/>', s),
+  external: (s) => svg('<path d="M7 7h10v10"/><path d="M7 17 17 7"/>', s),
+  book: (s) => svg('<path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"/>', s),
+  headset: (s) => svg('<path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"/><path d="M21 16v2a4 4 0 0 1-4 4h-5"/>', s),
+  plug: (s) => svg('<path d="M12 22v-5"/><path d="M9 8V2"/><path d="M15 8V2"/><path d="M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z"/>', s),
+  grid: (s) => svg('<rect width="7" height="7" x="3" y="3" rx="1"/><rect width="7" height="7" x="14" y="3" rx="1"/><rect width="7" height="7" x="14" y="14" rx="1"/><rect width="7" height="7" x="3" y="14" rx="1"/>', s),
+  building: (s) => svg('<rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M9 22v-4h6v4"/><path d="M8 6h.01"/><path d="M16 6h.01"/><path d="M12 6h.01"/><path d="M12 10h.01"/><path d="M12 14h.01"/><path d="M16 10h.01"/><path d="M16 14h.01"/><path d="M8 10h.01"/><path d="M8 14h.01"/>', s),
+  activity: (s) => svg('<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/>', s),
+  spinner: (s) => svg('<path d="M21 12a9 9 0 1 1-6.219-8.56"/>', s)
+};
+
+// src/components/myio-gcdr-login/about.ts
+var CATEGORIES = [
+  { key: "wiki", icon: "book", items: [
+    { key: "wikiHome", to: "/wiki/p", web: true },
+    { key: "wikiSearch", to: "/wiki/p/search", web: true },
+    { key: "accountGuide", to: "/wiki/p/User-Guides/acesso-a-conta", web: true }
+  ] },
+  { key: "support", icon: "headset", items: [
+    { key: "openTicket", to: "/support", web: true },
+    { key: "forgotPassword", to: "/forgot-password", web: true }
+  ] },
+  { key: "integrations", icon: "plug", items: [
+    { key: "docsAlarms", to: "https://alarms-api.a.myio-bas.com/docs" },
+    { key: "docsGcdr", to: "https://gcdr-api.a.myio-bas.com/docs/" },
+    { key: "docsIngestion", to: "https://api.data.apps.myio-bas.com/api/docs/" },
+    { key: "docsThingsboard", to: "https://dashboard.myio-bas.com/swagger-ui/index.html" },
+    { key: "integrationsGuide", to: "/wiki/p/Integrations/index", web: true },
+    { key: "newIntegration", to: "/wiki/p/integrations/new", web: true }
+  ] },
+  { key: "systems", icon: "grid", items: [
+    { key: "app", to: "https://app.apps.myio-bas.com" },
+    { key: "dashboards", to: "https://dashboard.myio-bas.com" },
+    { key: "alarms", to: "https://alarms-web.a.myio-bas.com" }
+  ] },
+  { key: "institutional", icon: "building", items: [
+    { key: "site", to: "https://myio.com.br" },
+    { key: "privacy", to: "https://myio.com.br/politica-de-privacidade" },
+    { key: "terms" }
+  ] },
+  { key: "status", icon: "activity", items: [{ key: "gcdrHealth", health: true }] }
+];
+function defaultSupportHref(webUrl) {
+  return webUrl ? `${webUrl.replace(/\/+$/, "")}/support` : void 0;
+}
+function renderAbout(el2, ctx, t, opts) {
+  const doc = el2.ownerDocument;
+  const { body } = ctx.panel({ eyebrow: t("about.eyebrow"), fill: true, logo: false, bandColor: opts.bandColor ?? "#2E8B57" });
+  const web = opts.webUrl?.replace(/\/+$/, "");
+  const visibleCats = CATEGORIES.filter((c) => c.key === "status" ? !!opts.healthUrl : true);
+  let healthAbort = null;
+  const showGrid = () => {
+    body.textContent = "";
+    const title = h2(doc, "h2", { class: "myio-gcdr-about__title" }, `${t("about.title")} `, h2(doc, "em", { text: t("about.titleHighlight") }));
+    const intro = h2(doc, "p", { class: "myio-gcdr-about__intro", text: t("about.text") });
+    const grid = h2(doc, "div", { class: "myio-gcdr-about__grid" });
+    for (const c of visibleCats) {
+      const btn = h2(
+        doc,
+        "button",
+        { type: "button", class: "myio-gcdr-about__tile" },
+        icon(doc, ICONS[c.icon](22), "myio-gcdr-about__tileicon"),
+        h2(doc, "span", { class: "myio-gcdr-about__tiletitle", text: t(`about.cat.${c.key}`) }),
+        h2(doc, "span", { class: "myio-gcdr-about__tiletext", text: t(`about.cat.${c.key}.text`) })
+      );
+      btn.addEventListener("click", () => showCategory(c));
+      grid.appendChild(btn);
+    }
+    body.append(title, intro, grid, h2(doc, "p", { class: "myio-gcdr-about__tagline", text: t("about.tagline") }));
+  };
+  const showCategory = (c) => {
+    body.textContent = "";
+    const back = h2(doc, "button", { type: "button", class: "myio-gcdr-login__link myio-gcdr-about__back" }, icon(doc, ICONS.arrowLeft(14)), ` ${t("about.back")}`);
+    back.addEventListener("click", () => {
+      showGrid();
+      body.querySelector("button")?.focus();
+    });
+    const title = h2(doc, "h2", { class: "myio-gcdr-about__title", text: t(`about.cat.${c.key}`) });
+    const grid = h2(doc, "div", { class: "myio-gcdr-about__grid" });
+    for (const it of c.items) {
+      const label = t(`about.item.${it.key}`);
+      if (it.health) {
+        const dot = h2(doc, "span", { class: "myio-gcdr-about__dot", "data-state": "checking" });
+        const state6 = h2(doc, "span", { class: "myio-gcdr-about__health", role: "status" }, dot, h2(doc, "span", { text: t("about.health.checking") }));
+        grid.appendChild(h2(
+          doc,
+          "div",
+          { class: "myio-gcdr-about__tile", "aria-disabled": "true" },
+          h2(doc, "span", { class: "myio-gcdr-about__tiletitle", text: label }),
+          state6
+        ));
+        checkHealth(dot, state6.lastChild);
+        continue;
+      }
+      const href = it.to ? it.web ? web ? `${web}${it.to}` : void 0 : it.to : void 0;
+      if (it.web && !href) continue;
+      if (!href) {
+        grid.appendChild(h2(
+          doc,
+          "div",
+          { class: "myio-gcdr-about__tile", "aria-disabled": "true" },
+          h2(doc, "span", { class: "myio-gcdr-about__tiletitle", text: label }),
+          h2(doc, "span", { class: "myio-gcdr-about__tiletext", text: t("about.soon") })
+        ));
+        continue;
+      }
+      grid.appendChild(h2(
+        doc,
+        "a",
+        { class: "myio-gcdr-about__tile", href, target: "_blank", rel: "noopener noreferrer" },
+        h2(doc, "span", { class: "myio-gcdr-about__tiletitle", text: label }),
+        h2(doc, "span", { class: "myio-gcdr-about__tiletext" }, `${t("about.open")} `, icon(doc, ICONS.external(12)))
+      ));
+    }
+    body.append(back, title, grid);
+    back.focus();
+  };
+  const checkHealth = (dot, label) => {
+    if (!opts.healthUrl) return;
+    const f = opts.fetchImpl ?? (typeof fetch !== "undefined" ? fetch.bind(globalThis) : void 0);
+    if (!f) return;
+    healthAbort?.abort();
+    const ac = new AbortController();
+    healthAbort = ac;
+    const timer = setTimeout(() => ac.abort(), 5e3);
+    f(opts.healthUrl, { signal: ac.signal, credentials: "omit" }).then((r) => r.ok).catch(() => false).then((up4) => {
+      clearTimeout(timer);
+      if (ac.signal.aborted && healthAbort !== ac) return;
+      dot.setAttribute("data-state", up4 ? "online" : "offline");
+      label.textContent = t(up4 ? "about.health.online" : "about.health.offline");
+    });
+  };
+  showGrid();
+  return () => healthAbort?.abort();
+}
+function renderSignedOutPrompt(el2, ctx, text2) {
+  const doc = el2.ownerDocument;
+  const { body } = ctx.panel({ eyebrow: "", fill: true, logo: false });
+  const band = body.parentElement?.querySelector(".myio-gcdr-panel__band");
+  band?.remove();
+  body.appendChild(
+    h2(
+      doc,
+      "div",
+      { class: "myio-gcdr-prompt" },
+      icon(doc, ICONS.lock(28), "myio-gcdr-prompt__icon"),
+      h2(doc, "p", { class: "myio-gcdr-prompt__text", text: text2 })
+    )
+  );
+}
+
+// src/components/myio-gcdr-login/i18n.ts
+var PT = {
+  "login.eyebrow": "Acesso",
+  "login.title": "Login",
+  "login.email": "E-mail",
+  "login.password": "Senha",
+  "login.rememberMe": "Lembrar de mim",
+  "login.forgotPassword": "Esqueceu a senha?",
+  "login.signIn": "Entrar",
+  "login.signingIn": "Entrando...",
+  "login.noAccount": "N\xE3o tem uma conta?",
+  "login.createAccount": "Criar conta",
+  "login.emailRequired": "Informe o seu e-mail.",
+  "login.emailInvalid": "Informe um e-mail v\xE1lido, como nome@empresa.com.",
+  "login.emailPlaceholder": "nome@empresa.com",
+  // new
+  "login.passwordRequired": "Informe a sua senha.",
+  "login.showPassword": "Mostrar senha",
+  "login.hidePassword": "Ocultar senha",
+  "login.capsLockOn": "Caps Lock est\xE1 ativado.",
+  "login.notYou": "N\xE3o \xE9 voc\xEA?",
+  "login.askAdmin": "Precisa de acesso? Fale com o administrador do sistema.",
+  "login.newTab": "(abre em nova aba)",
+  "login.gcdrWeb": "Entrar pelo GCDR Web",
+  "login.support": "Falar com o suporte",
+  "login.leaving": "Saindo...",
+  "errors.invalidCredentials": "E-mail ou senha inv\xE1lidos",
+  "errors.networkError": "Erro de conex\xE3o. Verifique sua internet.",
+  "errors.loginFailed": "N\xE3o foi poss\xEDvel entrar no momento. Tente novamente em instantes.",
+  "errors.lockedTitle": "Conta bloqueada",
+  "errors.lockedText": "Esta conta foi bloqueada ap\xF3s 6 tentativas de login com senha incorreta (ou por um administrador). Por seguran\xE7a, somente um administrador pode liberar o acesso \u2014 os administradores j\xE1 foram avisados por e-mail.",
+  "errors.attemptsLeft_one": "Senha incorreta \u2014 resta {{count}} tentativa.",
+  "errors.attemptsLeft_other": "Senha incorreta \u2014 restam {{count}} tentativas.",
+  "errors.lastAttempt": "Senha incorreta \u2014 esta \xE9 a sua \xFAltima tentativa.",
+  "errors.lockWarning": "Na 6\xAA senha errada a conta \xE9 bloqueada e s\xF3 um administrador consegue liberar. Se n\xE3o lembra a senha, redefina agora em vez de tentar de novo.",
+  "errors.goToForgot": "Esqueci minha senha \u2014 redefinir agora",
+  "errors.invalidWithAttempts_one": "E-mail ou senha inv\xE1lidos. Resta {{count}} tentativa antes do bloqueio.",
+  "errors.invalidWithAttempts_other": "E-mail ou senha inv\xE1lidos. Restam {{count}} tentativas antes do bloqueio.",
+  "errors.captchaFailed": "N\xE3o foi poss\xEDvel confirmar que voc\xEA n\xE3o \xE9 um rob\xF4. Aguarde a verifica\xE7\xE3o e tente de novo.",
+  // new
+  "errors.tooManyRequests": "Muitas tentativas. Aguarde alguns minutos e tente novamente.",
+  "errors.timeout": "O servidor demorou para responder. Tente novamente.",
+  "errors.integrationError": "N\xE3o foi poss\xEDvel entrar no momento. Tente novamente em instantes.",
+  "errors.mfaUnsupported": "Esta conta exige verifica\xE7\xE3o em duas etapas, ainda n\xE3o dispon\xEDvel nesta tela.",
+  "errors.postLoginFailed": "N\xE3o foi poss\xEDvel concluir a entrada. Tente novamente.",
+  "errors.leaveFailed": "N\xE3o foi poss\xEDvel sair agora. Tente novamente.",
+  "errors.captchaLoadFailed": "N\xE3o foi poss\xEDvel carregar a verifica\xE7\xE3o.",
+  "errors.invalidCredentialsHelp": "Confira o e-mail digitado. Se estiver correto e voc\xEA tiver certeza da senha, sua conta pode ainda n\xE3o estar liberada \u2014 {{who}}.",
+  "errors.helpSupport": "fale com o suporte",
+  "errors.helpAdmin": "fale com o administrador do sistema",
+  "notice.sessionExpired": "Sua sess\xE3o expirou. Por favor, entre novamente.",
+  "notice.sessionExpiredModal": "Sua sess\xE3o expirou. Entre novamente \u2014 esta tela ser\xE1 mantida.",
+  "aside.signedOutPrompt": "Fa\xE7a o login para ter acesso \xE0s funcionalidades.",
+  "about.eyebrow": "Sobre a MYIO",
+  "about.title": "Medi\xE7\xE3o e atua\xE7\xE3o remota",
+  "about.titleHighlight": "IoT",
+  "about.text": "Escolha um assunto para ver o que voc\xEA pode acessar sem entrar na conta.",
+  "about.tagline": "Efici\xEAncia | Seguran\xE7a | Sustentabilidade",
+  "about.health.checking": "Verificando\u2026",
+  "about.health.online": "No ar",
+  "about.health.offline": "Indispon\xEDvel",
+  "about.back": "Voltar",
+  "about.open": "Abrir",
+  "about.soon": "Em breve",
+  "about.cat.wiki": "Wiki",
+  "about.cat.wiki.text": "Base de conhecimento, guias e respostas.",
+  "about.cat.support": "Atendimento",
+  "about.cat.support.text": "Chamados, tickets e d\xFAvidas.",
+  "about.cat.integrations": "Integra\xE7\xF5es",
+  "about.cat.integrations.text": "Documenta\xE7\xE3o das APIs e guias de integra\xE7\xE3o.",
+  "about.cat.systems": "Sistemas",
+  "about.cat.systems.text": "Acesso aos sistemas MYIO.",
+  "about.cat.institutional": "Institucional",
+  "about.cat.institutional.text": "Sobre a MYIO, site, privacidade e termos.",
+  "about.cat.status": "Status",
+  "about.cat.status.text": "Situa\xE7\xE3o dos sistemas agora.",
+  "about.item.wikiHome": "Wiki p\xFAblica",
+  "about.item.wikiSearch": "Buscar na wiki",
+  "about.item.accountGuide": "Acesso \xE0 conta",
+  "about.item.openTicket": "Abrir chamado",
+  "about.item.forgotPassword": "Esqueci minha senha",
+  "about.item.docsAlarms": "Alarms",
+  "about.item.docsGcdr": "GCDR",
+  "about.item.docsIngestion": "Ingestion",
+  "about.item.docsThingsboard": "ThingsBoard",
+  "about.item.integrationsGuide": "Guia de integra\xE7\xF5es",
+  "about.item.newIntegration": "Cadastrar integra\xE7\xE3o",
+  "about.item.app": "App MYIO",
+  "about.item.dashboards": "Dashboards",
+  "about.item.alarms": "Alarmes",
+  "about.item.site": "Site da MYIO",
+  "about.item.privacy": "Privacidade",
+  "about.item.terms": "Termos de servi\xE7o",
+  "about.item.gcdrHealth": "GCDR",
+  "toolbar.toDark": "Usar tema escuro",
+  "toolbar.toLight": "Usar tema claro",
+  "toolbar.language": "Idioma",
+  "modal.close": "Fechar"
+};
+var EN = {
+  "login.eyebrow": "Access",
+  "login.title": "Login",
+  "login.email": "Email",
+  "login.password": "Password",
+  "login.rememberMe": "Remember me",
+  "login.forgotPassword": "Forgot password?",
+  "login.signIn": "Sign In",
+  "login.signingIn": "Signing in...",
+  "login.noAccount": "Don't have an account?",
+  "login.createAccount": "Create account",
+  "login.emailRequired": "Enter your e-mail.",
+  "login.emailInvalid": "Enter a valid e-mail, like name@company.com.",
+  "login.emailPlaceholder": "name@company.com",
+  "login.passwordRequired": "Enter your password.",
+  "login.showPassword": "Show password",
+  "login.hidePassword": "Hide password",
+  "login.capsLockOn": "Caps Lock is on.",
+  "login.notYou": "Not you?",
+  "login.askAdmin": "Need access? Contact your system administrator.",
+  "login.newTab": "(opens in a new tab)",
+  "login.gcdrWeb": "Sign in on GCDR Web",
+  "login.support": "Contact support",
+  "login.leaving": "Leaving...",
+  "errors.invalidCredentials": "Invalid e-mail or password",
+  "errors.networkError": "Network error. Please check your connection.",
+  "errors.loginFailed": "Unable to sign in right now. Please try again shortly.",
+  "errors.lockedTitle": "Account locked",
+  "errors.lockedText": "This account was locked after 6 sign-in attempts with a wrong password (or by an administrator). For security, only an administrator can unlock it \u2014 the administrators were already notified by e-mail.",
+  "errors.attemptsLeft_one": "Wrong password \u2014 {{count}} attempt left.",
+  "errors.attemptsLeft_other": "Wrong password \u2014 {{count}} attempts left.",
+  "errors.lastAttempt": "Wrong password \u2014 this is your last attempt.",
+  "errors.lockWarning": "On the 6th wrong password the account is locked and only an administrator can unlock it. If you don't remember the password, reset it now instead of trying again.",
+  "errors.goToForgot": "Forgot my password \u2014 reset now",
+  "errors.invalidWithAttempts_one": "Invalid e-mail or password. {{count}} attempt left before the lock.",
+  "errors.invalidWithAttempts_other": "Invalid e-mail or password. {{count}} attempts left before the lock.",
+  "errors.captchaFailed": "Could not confirm you are not a robot. Wait for the check and try again.",
+  "errors.tooManyRequests": "Too many attempts. Wait a few minutes and try again.",
+  "errors.timeout": "The server took too long to answer. Please try again.",
+  "errors.integrationError": "Unable to sign in right now. Please try again shortly.",
+  "errors.mfaUnsupported": "This account requires two-step verification, not yet available on this screen.",
+  "errors.postLoginFailed": "Could not finish signing in. Please try again.",
+  "errors.leaveFailed": "Could not leave right now. Please try again.",
+  "errors.captchaLoadFailed": "Could not load the verification.",
+  "errors.invalidCredentialsHelp": "Check the e-mail you typed. If it is right and you are sure of the password, your account may not be enabled yet \u2014 {{who}}.",
+  "errors.helpSupport": "contact support",
+  "errors.helpAdmin": "contact your system administrator",
+  "notice.sessionExpired": "Your session has expired. Please sign in again.",
+  "notice.sessionExpiredModal": "Your session has expired. Sign in again \u2014 this screen will be kept.",
+  "aside.signedOutPrompt": "Sign in to access the features.",
+  "about.eyebrow": "About MYIO",
+  "about.title": "Remote metering and control",
+  "about.titleHighlight": "IoT",
+  "about.text": "Pick a subject to see what you can reach without signing in.",
+  "about.tagline": "Efficiency | Safety | Sustainability",
+  "about.health.checking": "Checking\u2026",
+  "about.health.online": "Up",
+  "about.health.offline": "Unavailable",
+  "about.back": "Back",
+  "about.open": "Open",
+  "about.soon": "Coming soon",
+  "about.cat.wiki": "Wiki",
+  "about.cat.wiki.text": "Knowledge base, guides and answers.",
+  "about.cat.support": "Support",
+  "about.cat.support.text": "Tickets and questions.",
+  "about.cat.integrations": "Integrations",
+  "about.cat.integrations.text": "API documentation and integration guides.",
+  "about.cat.systems": "Systems",
+  "about.cat.systems.text": "Access to the MYIO systems.",
+  "about.cat.institutional": "About us",
+  "about.cat.institutional.text": "About MYIO, website, privacy and terms.",
+  "about.cat.status": "Status",
+  "about.cat.status.text": "How the systems are right now.",
+  "about.item.wikiHome": "Public wiki",
+  "about.item.wikiSearch": "Search the wiki",
+  "about.item.accountGuide": "Account access",
+  "about.item.openTicket": "Open a ticket",
+  "about.item.forgotPassword": "Forgot my password",
+  "about.item.docsAlarms": "Alarms",
+  "about.item.docsGcdr": "GCDR",
+  "about.item.docsIngestion": "Ingestion",
+  "about.item.docsThingsboard": "ThingsBoard",
+  "about.item.integrationsGuide": "Integrations guide",
+  "about.item.newIntegration": "Submit an integration",
+  "about.item.app": "MYIO App",
+  "about.item.dashboards": "Dashboards",
+  "about.item.alarms": "Alarms",
+  "about.item.site": "MYIO website",
+  "about.item.privacy": "Privacy",
+  "about.item.terms": "Terms of service",
+  "about.item.gcdrHealth": "GCDR",
+  "toolbar.toDark": "Use dark theme",
+  "toolbar.toLight": "Use light theme",
+  "toolbar.language": "Language",
+  "modal.close": "Close"
+};
+var DICTIONARIES = { "pt-BR": PT, en: EN };
+function interpolate(text2, vars) {
+  if (!vars) return text2;
+  return text2.replace(/\{\{(\w+)\}\}/g, (_m, k) => vars[k] != null ? String(vars[k]) : "");
+}
+function translate(locale, key, vars, overrides) {
+  let k = key;
+  if (vars && typeof vars.count === "number") {
+    const cat = new Intl.PluralRules(locale).select(vars.count);
+    k = `${key}_${cat === "one" ? "one" : "other"}`;
+  }
+  const text2 = overrides?.[locale]?.[k] ?? DICTIONARIES[locale][k] ?? overrides?.["pt-BR"]?.[k] ?? DICTIONARIES["pt-BR"][k] ?? k;
+  return interpolate(text2, vars);
+}
+function localize(value, locale) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  return value[locale] ?? value["pt-BR"] ?? value.en ?? "";
+}
+function detectLocale(stored) {
+  if (stored === "pt-BR" || stored === "en") return stored;
+  const nav = typeof navigator !== "undefined" ? navigator.language || "" : "";
+  return nav.toLowerCase().startsWith("en") ? "en" : "pt-BR";
+}
+
+// src/components/myio-gcdr-login/styles.ts
+var STYLE_VERSION = "1";
+var STYLE_ATTR = "data-myio-gcdr-version";
+var REFS_ATTR = "data-myio-gcdr-refs";
+var FONT_ID = "myio-gcdr-font-nunito";
+var CSS3 = `
+.myio-gcdr-shell, .myio-gcdr-overlay {
+  --myio-gcdr-accent: #6B4ABF;
+  --myio-gcdr-accent-hover: #5A3CA8;
+  --myio-gcdr-card: #FBFAFE;
+  --myio-gcdr-ring: #E1DAF4;
+  --myio-gcdr-title: #1E1B2E;
+  --myio-gcdr-text: #55506A;
+  --myio-gcdr-footer: #F0ECFA;
+  --myio-gcdr-input: #FFFFFF;
+  --myio-gcdr-input-border: #D1D5DB;
+  --myio-gcdr-link: #6B4ABF;
+  --myio-gcdr-pill: rgba(255,255,255,0.70);
+  --myio-gcdr-aside-band: #2E8B57;
+  box-sizing: border-box;
+  font-family: 'Nunito', ui-sans-serif, system-ui, sans-serif;
+  line-height: 1.5;
+  color: var(--myio-gcdr-title);
+  -webkit-font-smoothing: antialiased;
+}
+.myio-gcdr-shell[data-theme="dark"], .myio-gcdr-overlay[data-theme="dark"] {
+  --myio-gcdr-card: #1E1A2E;
+  --myio-gcdr-ring: #3A3158;
+  --myio-gcdr-title: #FFFFFF;
+  --myio-gcdr-text: #D1D5DB;
+  --myio-gcdr-footer: #251F3A;
+  --myio-gcdr-input: #2B2440;
+  --myio-gcdr-input-border: #3A3158;
+  --myio-gcdr-link: #B9A5F0;
+  --myio-gcdr-pill: rgba(43,36,64,0.80);
+}
+.myio-gcdr-shell [hidden], .myio-gcdr-overlay [hidden] { display: none !important; }
+.myio-gcdr-shell *, .myio-gcdr-shell *::before, .myio-gcdr-shell *::after,
+.myio-gcdr-overlay *, .myio-gcdr-overlay *::before, .myio-gcdr-overlay *::after { box-sizing: border-box; }
+
+/* \u2500\u2500 Shell \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.myio-gcdr-shell {
+  position: relative; min-height: 100%; width: 100%;
+  display: flex; flex-direction: column; align-items: center;
+  padding: 16px; isolation: isolate;
+}
+.myio-gcdr-shell__wallpaper {
+  position: absolute; inset: 0; z-index: -1; overflow: hidden;
+  background-color: #EEEAF8;
+  background-image: var(--myio-gcdr-wp, none), linear-gradient(180deg, #DCD2F3 0%, #EEEAF8 45%, #F7F5FC 100%);
+  background-position: center; background-size: cover; background-repeat: no-repeat;
+}
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-shell__wallpaper {
+  background-color: #15121F;
+  background-image: var(--myio-gcdr-wp, none), linear-gradient(180deg, #1B1530 0%, #15121F 45%, #111827 100%);
+}
+.myio-gcdr-shell__wallpaper::before { content: ''; position: absolute; inset: 0;
+  background: rgba(255,255,255,0.22); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
+.myio-gcdr-shell__wallpaper::after { content: ''; position: absolute; inset: 0;
+  background: linear-gradient(135deg, rgba(107,74,191,0.34) 0%, rgba(107,74,191,0.14) 50%, rgba(107,74,191,0.34) 100%); }
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-shell__wallpaper::before { background: rgba(255,255,255,0.05); }
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-shell__wallpaper::after {
+  background: linear-gradient(135deg, rgba(45,22,105,0.55) 0%, rgba(27,21,48,0.30) 50%, rgba(45,22,105,0.55) 100%); }
+
+.myio-gcdr-shell__top { width: 100%; }
+.myio-gcdr-shell__block { width: 100%; max-width: 28rem; margin: auto 0; display: flex; flex-direction: column; }
+.myio-gcdr-shell[data-size="lg"] .myio-gcdr-shell__block { max-width: 32rem; }
+.myio-gcdr-shell[data-size="xl"] .myio-gcdr-shell__block { max-width: 37rem; }
+@media (min-width: 1024px) {
+  .myio-gcdr-shell[data-has-aside="true"] .myio-gcdr-shell__block { max-width: 72rem; }
+}
+.myio-gcdr-shell[data-width="cockpit"] .myio-gcdr-shell__block { max-width: 28rem; }
+@media (min-width: 640px) { .myio-gcdr-shell[data-width="cockpit"] .myio-gcdr-shell__block { max-width: 42rem; } }
+@media (min-width: 1024px) { .myio-gcdr-shell[data-width="cockpit"] .myio-gcdr-shell__block { max-width: 1800px; padding: 0 12px; } }
+
+.myio-gcdr-shell__toprow { display: flex; justify-content: flex-end; margin-bottom: 12px; }
+.myio-gcdr-shell__pill {
+  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; justify-content: flex-end;
+  border-radius: 9999px; background: var(--myio-gcdr-pill); padding: 4px 8px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.05); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
+}
+.myio-gcdr-shell__iconbtn {
+  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; min-width: 36px; justify-content: center;
+  border: 0; background: transparent; color: var(--myio-gcdr-text); border-radius: 8px; padding: 6px 10px;
+  font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
+}
+.myio-gcdr-shell__iconbtn:hover { background: rgba(107,74,191,0.10); color: var(--myio-gcdr-title); }
+.myio-gcdr-shell__iconbtn:focus-visible { outline: 2px solid var(--myio-gcdr-accent); outline-offset: 2px; }
+
+.myio-gcdr-shell__split { display: flex; flex-direction: column; gap: 24px; }
+@media (min-width: 1024px) {
+  .myio-gcdr-shell__split { flex-direction: row; align-items: stretch; }
+  .myio-gcdr-shell[data-has-aside="true"] .myio-gcdr-shell__split { height: clamp(600px, calc(100vh - 10rem), 880px); }
+  .myio-gcdr-shell__aside { flex: 1 1 0; min-width: 0; display: flex; }
+  .myio-gcdr-shell[data-has-aside="true"] .myio-gcdr-shell__main { flex: 0 0 28rem; }
+  .myio-gcdr-shell[data-width="cockpit"][data-has-aside="true"] .myio-gcdr-shell__main { flex: 1 1 0; }
+}
+.myio-gcdr-shell__main { display: flex; min-width: 0; min-height: 0; }
+.myio-gcdr-shell__main > * { flex: 1 1 auto; min-width: 0; }
+@media (max-width: 1023.98px) {
+  .myio-gcdr-shell[data-aside-compact="hide"] .myio-gcdr-shell__aside { display: none; }
+  .myio-gcdr-shell[data-aside-compact="stack"] .myio-gcdr-shell__aside { order: 2; display: flex; }
+}
+.myio-gcdr-shell__aside[hidden], .myio-gcdr-shell__below[hidden], .myio-gcdr-shell__top[hidden] { display: none !important; }
+.myio-gcdr-shell__below { margin-top: 16px; text-align: center; }
+.myio-gcdr-shell__build { display: inline-block; font-size: 12px; color: #55506A; border-radius: 9999px;
+  background: var(--myio-gcdr-pill); padding: 4px 12px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-shell__build { color: #E5E7EB; }
+.myio-gcdr-shell__slot:focus { outline: none; }
+.myio-gcdr-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+
+/* \u2500\u2500 Card panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.myio-gcdr-panel {
+  display: flex; flex-direction: column; overflow: hidden; width: 100%;
+  border-radius: 16px; background: var(--myio-gcdr-card);
+  box-shadow: 0 18px 50px rgba(40,20,90,0.30), 0 0 0 1px var(--myio-gcdr-ring);
+}
+.myio-gcdr-panel[data-fill="true"] { height: 100%; }
+.myio-gcdr-panel__band {
+  position: relative; display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 16px;
+  height: 68px; padding: 0 32px; background: var(--myio-gcdr-band, var(--myio-gcdr-accent));
+}
+.myio-gcdr-panel__tint { position: absolute; inset: 0; background: var(--myio-gcdr-tint, transparent); pointer-events: none; }
+.myio-gcdr-panel__eyebrow { position: relative; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.14em; color: #FFFFFF; }
+.myio-gcdr-panel__logo { position: relative; height: 28px; width: auto; display: block; }
+.myio-gcdr-panel__wordmark { position: relative; color: #fff; font-weight: 900; font-size: 20px; letter-spacing: 0.04em; }
+.myio-gcdr-panel__body { padding: 28px 32px 32px; flex: 1 1 auto; overflow-y: auto; min-height: 0; }
+.myio-gcdr-panel__title { margin: 0 0 20px; font-size: 26px; font-weight: 800; line-height: 1.2; color: var(--myio-gcdr-title); }
+.myio-gcdr-panel__footer { padding: 16px 32px; text-align: center; font-size: 14px; color: var(--myio-gcdr-text);
+  background: var(--myio-gcdr-footer); border-top: 1px solid var(--myio-gcdr-ring); }
+
+/* \u2500\u2500 Form \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.myio-gcdr-login__form { display: flex; flex-direction: column; gap: 20px; margin: 0; }
+.myio-gcdr-login__field { display: flex; flex-direction: column; gap: 6px; }
+.myio-gcdr-login__label { font-size: 14px; font-weight: 700; color: var(--myio-gcdr-title); }
+.myio-gcdr-login__control { position: relative; display: flex; }
+.myio-gcdr-login__input {
+  width: 100%; font: inherit; font-size: 16px; color: var(--myio-gcdr-title);
+  background: var(--myio-gcdr-input); border: 1px solid var(--myio-gcdr-input-border);
+  border-radius: 12px; padding: 10px 14px; outline: none; transition: border-color .15s, box-shadow .15s;
+}
+.myio-gcdr-login__input::placeholder { color: #9CA3AF; }
+.myio-gcdr-login__input:focus { border-color: var(--myio-gcdr-accent); box-shadow: 0 0 0 3px rgba(107,74,191,0.30); }
+.myio-gcdr-login__input[aria-invalid="true"] { border-color: #FCA5A5; }
+.myio-gcdr-login__input[readonly] { opacity: .75; }
+.myio-gcdr-login__input--password { padding-right: 48px; }
+.myio-gcdr-login__eye {
+  position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;
+  display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent;
+  color: var(--myio-gcdr-text); border-radius: 8px; cursor: pointer;
+}
+.myio-gcdr-login__eye:focus-visible { outline: 2px solid var(--myio-gcdr-accent); }
+.myio-gcdr-login__fielderror { font-size: 13px; color: #DC2626; }
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-login__fielderror { color: #FCA5A5; }
+.myio-gcdr-login__hint { font-size: 12px; color: #B45309; }
+.myio-gcdr-login__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
+.myio-gcdr-login__remember { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--myio-gcdr-text); cursor: pointer; min-height: 32px; }
+.myio-gcdr-login__remember input { width: 16px; height: 16px; accent-color: var(--myio-gcdr-accent); }
+.myio-gcdr-login__link { font-size: 14px; font-weight: 600; color: var(--myio-gcdr-link); text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; }
+.myio-gcdr-login__link:hover { color: var(--myio-gcdr-accent-hover); text-decoration: underline; }
+.myio-gcdr-login__submit {
+  display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px;
+  border: 0; border-radius: 12px; padding: 12px 24px; font: inherit; font-size: 16px; font-weight: 700;
+  color: #fff; background: var(--myio-gcdr-accent); cursor: pointer; transition: background .15s, opacity .15s;
+}
+.myio-gcdr-login__submit:hover { background: var(--myio-gcdr-accent-hover); }
+.myio-gcdr-login__submit[aria-disabled="true"], .myio-gcdr-login__submit:disabled { opacity: .55; cursor: not-allowed; }
+.myio-gcdr-login__submit:focus-visible { outline: 2px solid var(--myio-gcdr-accent); outline-offset: 2px; }
+.myio-gcdr-login__submit[data-style="hotPage"] { border-radius: 10px; min-height: 52px; font-size: 17px; letter-spacing: .01em; box-shadow: 0 6px 16px rgba(107,74,191,0.35); }
+.myio-gcdr-login__spin { display: inline-flex; animation: myio-gcdr-spin 0.9s linear infinite; }
+@keyframes myio-gcdr-spin { to { transform: rotate(360deg); } }
+
+/* \u2500\u2500 Banners \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.myio-gcdr-login__alerts { display: flex; flex-direction: column; gap: 12px; }
+.myio-gcdr-login__alerts:empty { display: none; }
+.myio-gcdr-login__alerts:not(:empty) { margin-bottom: 20px; }
+.myio-gcdr-login__field > .myio-gcdr-login__link { align-self: flex-start; }
+.myio-gcdr-banner { display: flex; gap: 10px; align-items: flex-start; border-radius: 12px; padding: 12px 14px; font-size: 14px; line-height: 1.45; border: 1px solid; }
+.myio-gcdr-banner:focus { outline: 2px solid var(--myio-gcdr-accent); outline-offset: 2px; }
+.myio-gcdr-banner__icon { flex-shrink: 0; margin-top: 2px; }
+.myio-gcdr-banner__body { display: flex; flex-direction: column; gap: 6px; }
+.myio-gcdr-banner__title { font-weight: 800; }
+.myio-gcdr-banner--error { background: #FEF2F2; border-color: #FECACA; color: #991B1B; }
+.myio-gcdr-banner--warning { background: #FFFBEB; border-color: #FDE68A; color: #92400E; }
+.myio-gcdr-banner--info { background: #F5F3FF; border-color: #DDD6FE; color: #4C1D95; }
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-banner--error { background: rgba(127,29,29,0.35); border-color: rgba(248,113,113,0.45); color: #FECACA; }
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-banner--warning { background: rgba(120,53,15,0.35); border-color: rgba(251,191,36,0.45); color: #FDE68A; }
+.myio-gcdr-shell[data-theme="dark"] .myio-gcdr-banner--info { background: rgba(76,29,149,0.35); border-color: rgba(167,139,250,0.45); color: #DDD6FE; }
+.myio-gcdr-banner a, .myio-gcdr-banner button { color: inherit; font-weight: 700; text-decoration: underline; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; text-align: left; }
+
+/* \u2500\u2500 Aside: about / signed-out prompt \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.myio-gcdr-about__intro { color: var(--myio-gcdr-text); font-size: 14px; margin: 0 0 16px; }
+.myio-gcdr-about__title { font-size: 24px; font-weight: 800; margin: 0 0 6px; color: var(--myio-gcdr-title); }
+.myio-gcdr-about__title em { font-style: normal; color: var(--myio-gcdr-aside-band); }
+.myio-gcdr-about__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
+.myio-gcdr-about__tile {
+  display: flex; flex-direction: column; gap: 6px; text-align: left; padding: 14px; border-radius: 12px; min-height: 110px;
+  border: 1px solid var(--myio-gcdr-ring); background: var(--myio-gcdr-input); color: var(--myio-gcdr-title);
+  font: inherit; cursor: pointer; text-decoration: none; transition: transform .15s, box-shadow .15s;
+}
+.myio-gcdr-about__tile:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(40,20,90,0.12); }
+.myio-gcdr-about__tile:focus-visible { outline: 2px solid var(--myio-gcdr-accent); outline-offset: 2px; }
+.myio-gcdr-about__tile[aria-disabled="true"] { opacity: .6; cursor: default; }
+.myio-gcdr-about__tileicon { color: var(--myio-gcdr-aside-band); }
+.myio-gcdr-about__tiletitle { font-weight: 800; font-size: 15px; }
+.myio-gcdr-about__tiletext { font-size: 13px; color: var(--myio-gcdr-text); }
+.myio-gcdr-about__back { margin-bottom: 12px; }
+.myio-gcdr-about__tagline { margin-top: 16px; font-size: 13px; font-weight: 700; color: var(--myio-gcdr-text); text-align: center; }
+.myio-gcdr-about__health { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; }
+.myio-gcdr-about__dot { width: 8px; height: 8px; border-radius: 50%; background: #9CA3AF; }
+.myio-gcdr-about__dot[data-state="online"] { background: #16A34A; }
+.myio-gcdr-about__dot[data-state="offline"] { background: #DC2626; }
+.myio-gcdr-prompt { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 32px 20px; text-align: center; height: 100%; }
+.myio-gcdr-prompt__icon { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 50%; background: #6B4ABF; color: #fff; }
+.myio-gcdr-prompt__text { margin: 0; font-size: 22px; font-weight: 800; line-height: 1.35; color: var(--myio-gcdr-title); }
+
+/* \u2500\u2500 Modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.myio-gcdr-overlay { position: fixed; inset: 0; overflow-y: auto; display: flex; }
+.myio-gcdr-overlay[data-scope="element"] { position: absolute; }
+.myio-gcdr-overlay__layer { position: fixed; inset: 0; pointer-events: none; }
+.myio-gcdr-overlay[data-scope="element"] .myio-gcdr-overlay__layer { position: absolute; }
+.myio-gcdr-overlay__content { position: relative; width: 100%; min-height: 100%; display: flex; }
+.myio-gcdr-overlay__content > .myio-gcdr-shell { min-height: 100%; background: transparent; }
+.myio-gcdr-overlay__close { position: absolute; top: 12px; right: 12px; z-index: 2; }
+@media (prefers-reduced-motion: reduce) {
+  .myio-gcdr-shell *, .myio-gcdr-overlay * { transition: none !important; animation: none !important; }
+}
+`;
+function rootTarget(container) {
+  const root = container.getRootNode ? container.getRootNode() : document;
+  const doc = container.ownerDocument || document;
+  if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot) return { head: root, doc };
+  return { head: doc.head || doc.documentElement, doc };
+}
+function acquireStyles(container, opts = {}) {
+  const { head, doc } = rootTarget(container);
+  if (opts.loadFont !== false && !doc.getElementById(FONT_ID)) {
+    const link = doc.createElement("link");
+    link.id = FONT_ID;
+    link.rel = "stylesheet";
+    link.href = "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";
+    doc.head?.appendChild(link);
+  }
+  let style = head.querySelector(`style[${STYLE_ATTR}="${STYLE_VERSION}"]`);
+  if (!style) {
+    style = doc.createElement("style");
+    style.setAttribute(STYLE_ATTR, STYLE_VERSION);
+    style.setAttribute(REFS_ATTR, "0");
+    if (opts.nonce) style.setAttribute("nonce", opts.nonce);
+    style.textContent = CSS3;
+    head.appendChild(style);
+  }
+  const el2 = style;
+  el2.setAttribute(REFS_ATTR, String((parseInt(el2.getAttribute(REFS_ATTR) || "0", 10) || 0) + 1));
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    const n = (parseInt(el2.getAttribute(REFS_ATTR) || "1", 10) || 1) - 1;
+    if (n <= 0) el2.remove();
+    else el2.setAttribute(REFS_ATTR, String(n));
+  };
+}
+
+// src/components/myio-gcdr-login/shell.ts
+var SLOT_NAMES = ["top", "topRight", "aside", "main", "below"];
+function buildPanel(doc, el2, opts, locale, defaultLogoUrl) {
+  const root = h2(doc, "section", { class: "myio-gcdr-panel", "data-fill": opts.fill ? "true" : null });
+  if (opts.accent) root.style.setProperty("--myio-gcdr-accent", opts.accent);
+  if (opts.bandColor) root.style.setProperty("--myio-gcdr-band", opts.bandColor);
+  if (opts.tint) root.style.setProperty("--myio-gcdr-tint", opts.tint);
+  const band = h2(doc, "header", { class: "myio-gcdr-panel__band" });
+  if (opts.tint) band.appendChild(h2(doc, "span", { class: "myio-gcdr-panel__tint", "aria-hidden": "true" }));
+  band.appendChild(h2(doc, "span", { class: "myio-gcdr-panel__eyebrow", text: localize(opts.eyebrow, locale) }));
+  if (opts.logo !== false) {
+    const url = opts.logoUrl ?? defaultLogoUrl;
+    const wordmark = () => h2(doc, "span", { class: "myio-gcdr-panel__wordmark", text: "MYIO" });
+    if (url) {
+      const img = h2(doc, "img", { class: "myio-gcdr-panel__logo", src: url, alt: "MYIO" });
+      img.addEventListener("error", () => img.replaceWith(wordmark()), { once: true });
+      band.appendChild(img);
+    } else band.appendChild(wordmark());
+  }
+  root.appendChild(band);
+  const body = h2(doc, "div", { class: "myio-gcdr-panel__body" });
+  let title;
+  if (opts.title) {
+    title = h2(doc, "h1", { class: "myio-gcdr-panel__title", text: localize(opts.title, locale), tabindex: "-1" });
+    body.appendChild(title);
+  }
+  root.appendChild(body);
+  let footer;
+  if (opts.footer) {
+    footer = h2(doc, "footer", { class: "myio-gcdr-panel__footer" });
+    root.appendChild(footer);
+  }
+  el2.appendChild(root);
+  return { root, body, footer, title };
+}
+function createShellImpl(container, options = {}, internals = {}) {
+  if (!(container instanceof HTMLElement)) throw new TypeError("[MYIO Login] container must be an HTMLElement");
+  const doc = container.ownerDocument;
+  const prefix = options.storageKeyPrefix ?? "myio.login.";
+  const releaseStyles = acquireStyles(container, { nonce: options.cspNonce, loadFont: options.fonts?.load !== false });
+  let themeSetting = options.theme ?? (storageGet(`${prefix}theme`) || "system");
+  let locale = options.locale ?? detectLocale(storageGet(`${prefix}locale`));
+  let size = options.size ?? "md";
+  let width = options.width ?? "auto";
+  const show = { themeToggle: options.show?.themeToggle !== false, languageSelector: options.show?.languageSelector !== false };
+  const listeners = /* @__PURE__ */ new Set();
+  let destroyed = false;
+  const resolvedTheme = () => themeSetting === "system" ? prefersDark() ? "dark" : "light" : themeSetting;
+  const t = (key, vars) => translate(locale, key, vars, internals.messages);
+  container.textContent = "";
+  const root = h2(doc, "div", {
+    class: "myio-gcdr-shell",
+    "data-theme": resolvedTheme(),
+    "data-size": size,
+    "data-width": width,
+    "data-aside-compact": options.asideCompact ?? "hide",
+    "data-has-aside": "false",
+    lang: locale
+  });
+  const wallpaper = h2(doc, "div", { class: "myio-gcdr-shell__wallpaper", "aria-hidden": "true" });
+  const live = h2(doc, "div", { class: "myio-gcdr-sr", "aria-live": "polite", role: "status" });
+  const top = h2(doc, "div", { class: "myio-gcdr-shell__top myio-gcdr-shell__slot", hidden: true });
+  const block = h2(doc, "div", { class: "myio-gcdr-shell__block" });
+  const toprow = h2(doc, "div", { class: "myio-gcdr-shell__toprow" });
+  const pill = h2(doc, "div", { class: "myio-gcdr-shell__pill" });
+  const langBtn = h2(doc, "button", { type: "button", class: "myio-gcdr-shell__iconbtn" });
+  const themeBtn = h2(doc, "button", { type: "button", class: "myio-gcdr-shell__iconbtn" });
+  const topRight = h2(doc, "div", { class: "myio-gcdr-shell__slot", style: "display:contents" });
+  pill.append(langBtn, themeBtn, topRight);
+  toprow.appendChild(pill);
+  const split = h2(doc, "div", { class: "myio-gcdr-shell__split" });
+  const aside = h2(doc, "section", { class: "myio-gcdr-shell__aside myio-gcdr-shell__slot", hidden: true, tabindex: "-1" });
+  const main = h2(doc, "section", { class: "myio-gcdr-shell__main myio-gcdr-shell__slot", tabindex: "-1" });
+  split.append(aside, main);
+  const below = h2(doc, "div", { class: "myio-gcdr-shell__below myio-gcdr-shell__slot", hidden: true });
+  block.append(toprow, split, below);
+  root.append(wallpaper, live, top, block);
+  container.appendChild(root);
+  const applyWallpaper = () => {
+    const wp = options.wallpaper;
+    if (wp === false) {
+      wallpaper.hidden = true;
+      return;
+    }
+    wallpaper.hidden = false;
+    const dark = resolvedTheme() === "dark";
+    let portrait = false;
+    try {
+      portrait = typeof matchMedia === "function" && matchMedia("(orientation: portrait)").matches;
+    } catch {
+    }
+    const url = wp ? dark ? portrait ? wp.mobileDark ?? wp.dark : wp.dark : portrait ? wp.mobileLight ?? wp.light : wp.light : void 0;
+    if (url) wallpaper.style.setProperty("--myio-gcdr-wp", `url("${url.replace(/"/g, "%22")}")`);
+    else wallpaper.style.removeProperty("--myio-gcdr-wp");
+  };
+  const renderControls = () => {
+    langBtn.hidden = !show.languageSelector;
+    themeBtn.hidden = !show.themeToggle;
+    langBtn.textContent = "";
+    langBtn.append(icon(doc, ICONS.globe(16)), h2(doc, "span", { text: locale === "en" ? "EN" : "PT" }));
+    langBtn.setAttribute("aria-label", `${t("toolbar.language")}: ${locale === "en" ? "English" : "Portugu\xEAs"}`);
+    const dark = resolvedTheme() === "dark";
+    themeBtn.textContent = "";
+    themeBtn.append(icon(doc, dark ? ICONS.sun(16) : ICONS.moon(16)));
+    const lbl = dark ? t("toolbar.toLight") : t("toolbar.toDark");
+    themeBtn.setAttribute("aria-label", lbl);
+    themeBtn.setAttribute("title", lbl);
+  };
+  const emit = (what) => {
+    for (const fn of Array.from(listeners)) safeCall("listener", fn, what);
+  };
+  const applyTheme = () => {
+    root.setAttribute("data-theme", resolvedTheme());
+    applyWallpaper();
+    renderControls();
+    emit("theme");
+  };
+  const applyLocale = () => {
+    root.setAttribute("lang", locale);
+    renderControls();
+    emit("locale");
+  };
+  langBtn.addEventListener("click", () => {
+    locale = locale === "en" ? "pt-BR" : "en";
+    storageSet(`${prefix}locale`, locale);
+    applyLocale();
+    safeCall("onLocaleChange", options.onLocaleChange, locale);
+  });
+  themeBtn.addEventListener("click", () => {
+    themeSetting = resolvedTheme() === "dark" ? "light" : "dark";
+    storageSet(`${prefix}theme`, themeSetting);
+    applyTheme();
+    safeCall("onThemeChange", options.onThemeChange, themeSetting);
+  });
+  let mql = null;
+  const onScheme = () => {
+    if (themeSetting === "system") applyTheme();
+  };
+  try {
+    if (typeof matchMedia === "function") {
+      mql = matchMedia("(prefers-color-scheme: dark)");
+      mql.addEventListener?.("change", onScheme);
+    }
+  } catch {
+    mql = null;
+  }
+  const contextFor = (el2, signal) => ({
+    get theme() {
+      return resolvedTheme();
+    },
+    get locale() {
+      return locale;
+    },
+    signal,
+    on(event, fn) {
+      const l = (w) => {
+        if (w === event) fn(event === "theme" ? resolvedTheme() : locale);
+      };
+      listeners.add(l);
+      const off = () => listeners.delete(l);
+      signal.addEventListener("abort", off, { once: true });
+      return off;
+    },
+    panel: (opts) => buildPanel(doc, el2, opts, locale, internals.logoUrl)
+  });
+  const slots = {};
+  const slotEls = { top, topRight, aside, main, below };
+  for (const n of SLOT_NAMES) slots[n] = { el: slotEls[n], kind: "empty", busy: false };
+  const updateLayoutFlags = () => {
+    root.setAttribute("data-has-aside", slots.aside.kind === "empty" ? "false" : "true");
+    aside.hidden = slots.aside.kind === "empty";
+    below.hidden = slots.below.kind === "empty";
+    top.hidden = slots.top.kind === "empty";
+  };
+  const renderBuiltIn = (name, el2, ctx, b) => {
+    if (b.kind === "buildInfo") {
+      if (name !== "below") throw new TypeError("[MYIO Login] buildInfo is only valid in the below slot");
+      el2.appendChild(h2(doc, "p", { class: "myio-gcdr-shell__build", text: b.text }));
+      return;
+    }
+    if (name !== "aside") throw new TypeError(`[MYIO Login] ${b.kind} is only valid in the aside slot`);
+    if (b.kind === "about") {
+      const cleanupAbout = renderAbout(el2, ctx, t, { ...internals.about, healthUrl: b.healthUrl ?? false });
+      const off2 = ctx.on("locale", () => {
+        cleanupAbout();
+        el2.textContent = "";
+        renderAbout(el2, ctx, t, { ...internals.about, healthUrl: b.healthUrl ?? false });
+      });
+      return () => {
+        off2();
+        cleanupAbout();
+      };
+    }
+    const text2 = () => b.text ? localize(b.text, locale) : t("aside.signedOutPrompt");
+    renderSignedOutPrompt(el2, ctx, text2());
+    const off = ctx.on("locale", () => {
+      el2.textContent = "";
+      renderSignedOutPrompt(el2, ctx, text2());
+    });
+    return off;
+  };
+  const setSlot = (name, content, opts) => {
+    if (destroyed) return;
+    if (!SLOT_NAMES.includes(name)) throw new TypeError(`[MYIO Login] unknown slot "${String(name)}"`);
+    const s = slots[name];
+    if (s.busy) {
+      s.pending = { content, opts };
+      queueMicrotask(() => {
+        const p = s.pending;
+        s.pending = void 0;
+        if (p) setSlot(name, p.content, p.opts);
+      });
+      return;
+    }
+    const hadFocus = !!doc.activeElement && s.el.contains(doc.activeElement);
+    s.busy = true;
+    try {
+      s.abort?.abort();
+      if (s.cleanup) safeCall("slot cleanup", s.cleanup);
+      s.cleanup = void 0;
+      s.el.textContent = "";
+      s.kind = "empty";
+      if (content) {
+        const ac = new AbortController();
+        s.abort = ac;
+        const ctx = contextFor(s.el, ac.signal);
+        try {
+          const r = typeof content === "function" ? content(s.el, ctx) : renderBuiltIn(name, s.el, ctx, content);
+          if (typeof r === "function") s.cleanup = r;
+          s.kind = typeof content === "function" ? "host" : "builtIn";
+        } catch (err) {
+          if (err instanceof TypeError && String(err.message).startsWith("[MYIO Login]")) throw err;
+          console.error(`[MYIO Login] slot "${name}" renderer failed`);
+          s.el.textContent = "";
+          s.kind = "empty";
+        }
+      }
+    } finally {
+      s.busy = false;
+      updateLayoutFlags();
+    }
+    const focus = opts?.focus ?? "auto";
+    if (focus instanceof HTMLElement) focus.focus();
+    else if (focus === "auto" && hadFocus && s.el.isConnected) {
+      if (!s.el.hasAttribute("tabindex")) s.el.setAttribute("tabindex", "-1");
+      s.el.focus();
+    }
+    if (opts?.announce) announce(localize(opts.announce, locale));
+  };
+  const announce = (text2) => {
+    live.textContent = "";
+    setTimeout(() => {
+      if (!destroyed) live.textContent = text2;
+    }, 30);
+  };
+  applyWallpaper();
+  renderControls();
+  if (options.buildInfo) setSlot("below", { kind: "buildInfo", text: options.buildInfo });
+  const handle = {
+    setSlot,
+    setTheme(th) {
+      if (destroyed) return;
+      themeSetting = th;
+      applyTheme();
+    },
+    setLocale(l) {
+      if (destroyed || l !== "pt-BR" && l !== "en") return;
+      locale = l;
+      applyLocale();
+    },
+    setSize(sz, w) {
+      if (destroyed) return;
+      size = sz;
+      if (w) width = w;
+      root.setAttribute("data-size", size);
+      root.setAttribute("data-width", width);
+    },
+    setShow(sh) {
+      if (destroyed) return;
+      if (sh.themeToggle !== void 0) show.themeToggle = sh.themeToggle;
+      if (sh.languageSelector !== void 0) show.languageSelector = sh.languageSelector;
+      renderControls();
+    },
+    getState() {
+      const st = {};
+      for (const n of SLOT_NAMES) st[n] = slots[n].kind;
+      return { theme: resolvedTheme(), locale, size, width, slots: st };
+    },
+    get element() {
+      return root;
+    },
+    destroy() {
+      if (destroyed) return;
+      for (const n of SLOT_NAMES) {
+        const s = slots[n];
+        s.abort?.abort();
+        if (s.cleanup) safeCall("slot cleanup", s.cleanup);
+        s.cleanup = void 0;
+      }
+      destroyed = true;
+      listeners.clear();
+      mql?.removeEventListener?.("change", onScheme);
+      root.remove();
+      releaseStyles();
+    },
+    t,
+    contextFor,
+    onChange(fn) {
+      listeners.add(fn);
+      return () => listeners.delete(fn);
+    },
+    announce
+  };
+  return handle;
+}
+function createMyioGcdrShell(container, options = {}) {
+  const impl = createShellImpl(container, options);
+  return {
+    setSlot: impl.setSlot,
+    setTheme: impl.setTheme,
+    setLocale: impl.setLocale,
+    setSize: impl.setSize,
+    setShow: impl.setShow,
+    getState: impl.getState,
+    get element() {
+      return impl.element;
+    },
+    destroy: impl.destroy
+  };
+}
+
+// src/components/myio-gcdr-login/controller.ts
+var EMAIL_PATTERN = /^(?!\.)(?!.*\.\.)([A-Za-z0-9_'+\-\.]*)[A-Za-z0-9_+-]@([A-Za-z0-9][A-Za-z0-9\-]*\.)+[A-Za-z]{2,}$/;
+function validate(emailRaw, password) {
+  const email = emailRaw.trim();
+  let emailError;
+  if (!email) emailError = "login.emailRequired";
+  else if (!EMAIL_PATTERN.test(email)) emailError = "login.emailInvalid";
+  const passwordError = password.length === 0 ? "login.passwordRequired" : void 0;
+  return { email, emailError, passwordError };
+}
+function emailKey(email) {
+  return email.trim().toLowerCase();
+}
+var KNOWN = /* @__PURE__ */ new Set([
+  "INVALID_CREDENTIALS",
+  "ACCOUNT_LOCKED",
+  "CAPTCHA_FAILED",
+  "TOO_MANY_REQUESTS",
+  "MFA_REQUIRED",
+  "NETWORK",
+  "TIMEOUT",
+  "SERVER",
+  "INTEGRATION_ERROR",
+  "CUSTOM"
+]);
+var ALIASES = {
+  UNAUTHORIZED: "INVALID_CREDENTIALS",
+  HTTP_401: "INVALID_CREDENTIALS",
+  ACCOUNT_PENDING: "INVALID_CREDENTIALS",
+  PENDING_APPROVAL: "INVALID_CREDENTIALS",
+  ACCOUNT_SUSPENDED: "INVALID_CREDENTIALS",
+  ACCOUNT_INACTIVE: "INVALID_CREDENTIALS",
+  EMAIL_NOT_VERIFIED: "INVALID_CREDENTIALS",
+  RATE_LIMITED: "TOO_MANY_REQUESTS",
+  NETWORK_ERROR: "NETWORK"
+};
+function normaliseCode(code) {
+  if (typeof code !== "string") return "SERVER";
+  if (KNOWN.has(code)) return code;
+  return ALIASES[code] ?? "SERVER";
+}
+function usableCounter(n) {
+  return typeof n === "number" && Number.isInteger(n) && n >= 1 ? n : void 0;
+}
+function normaliseResult(raw) {
+  if (!raw || typeof raw !== "object" || typeof raw.ok !== "boolean") {
+    return { kind: "error", code: "INTEGRATION_ERROR" };
+  }
+  const r = raw;
+  if (r.ok) return { kind: "ok", session: r.session };
+  const code = normaliseCode(r.code);
+  return {
+    kind: "error",
+    code,
+    remainingAttempts: code === "INVALID_CREDENTIALS" ? usableCounter(r.remainingAttempts) : void 0,
+    message: code === "CUSTOM" && typeof r.message === "string" ? r.message : void 0,
+    clearPassword: code === "CUSTOM" ? r.clearPassword !== false : void 0
+  };
+}
+function normaliseThrown(err) {
+  if (err && typeof err === "object" && err.myioGcdrCode === "TIMEOUT") return "TIMEOUT";
+  return err instanceof TypeError ? "NETWORK" : "SERVER";
+}
+var ATTEMPTS_THRESHOLD = 3;
+function present(o) {
+  switch (o.code) {
+    case "INVALID_CREDENTIALS": {
+      const n = o.remainingAttempts;
+      if (n === void 0)
+        return { tone: "error", keys: ["errors.invalidCredentials"], icon: "alert", clearPassword: true, focus: "password" };
+      if (n > ATTEMPTS_THRESHOLD)
+        return { tone: "error", keys: ["errors.invalidWithAttempts"], count: n, icon: "alert", clearPassword: true, focus: "password" };
+      if (n === 1)
+        return { tone: "warning", keys: ["errors.lastAttempt", "errors.lockWarning"], icon: "shieldAlert", forgotLink: true, clearPassword: true, focus: "password" };
+      return { tone: "warning", keys: ["errors.attemptsLeft", "errors.lockWarning"], count: n, icon: "shieldAlert", forgotLink: true, clearPassword: true, focus: "password" };
+    }
+    case "ACCOUNT_LOCKED":
+      return { tone: "error", keys: ["errors.lockedText"], title: "errors.lockedTitle", icon: "lock", support: true, clearPassword: true, focus: "banner" };
+    case "MFA_REQUIRED":
+      return { tone: "error", keys: ["errors.mfaUnsupported"], icon: "shieldAlert", gcdrWebLink: true, support: true, clearPassword: true, focus: "banner" };
+    case "CAPTCHA_FAILED":
+      return { tone: "error", keys: ["errors.captchaFailed"], icon: "alert", clearPassword: false, focus: "captcha" };
+    case "TOO_MANY_REQUESTS":
+      return { tone: "error", keys: ["errors.tooManyRequests"], icon: "alert", clearPassword: false, focus: "submit" };
+    case "NETWORK":
+      return { tone: "error", keys: ["errors.networkError"], icon: "alert", clearPassword: false, focus: "submit" };
+    case "TIMEOUT":
+      return { tone: "error", keys: ["errors.timeout"], icon: "alert", clearPassword: false, focus: "submit" };
+    case "INTEGRATION_ERROR":
+      return { tone: "error", keys: ["errors.integrationError"], icon: "alert", clearPassword: false, focus: "submit" };
+    case "CUSTOM": {
+      const clear = o.clearPassword !== false;
+      return {
+        tone: "error",
+        keys: o.message ? [] : ["errors.loginFailed"],
+        text: o.message,
+        icon: "alert",
+        clearPassword: clear,
+        focus: clear ? "password" : "submit"
+      };
+    }
+    case "SERVER":
+    default:
+      return { tone: "error", keys: ["errors.loginFailed"], icon: "alert", clearPassword: false, focus: "submit" };
+  }
+}
+
+// src/components/myio-gcdr-login/gcdrClient.ts
+var DEFAULT_TIMEOUT_MS = 15e3;
+function timeoutError() {
+  const e = new Error("GCDR login timed out");
+  e.myioGcdrCode = "TIMEOUT";
+  return e;
+}
+function createMyioGcdrLoginSubmit(options) {
+  if (!options || typeof options.apiUrl !== "string" || !options.apiUrl.trim()) {
+    throw new TypeError("[MYIO Login] gcdr.apiUrl must be a non-empty string");
+  }
+  if (typeof options.tenantId !== "string" || !options.tenantId.trim()) {
+    throw new TypeError("[MYIO Login] gcdr.tenantId must be a non-empty string");
+  }
+  const timeoutMs = options.timeoutMs ?? DEFAULT_TIMEOUT_MS;
+  if (!(typeof timeoutMs === "number" && Number.isFinite(timeoutMs) && timeoutMs > 0)) {
+    throw new TypeError("[MYIO Login] gcdr.timeoutMs must be a positive number");
+  }
+  const base = options.apiUrl.replace(/\/+$/, "").replace(/\/api\/v\d+$/, "");
+  const url = `${base}/api/v1/auth/login`;
+  return async (input, ctx) => {
+    const doFetch = options.fetch ?? (typeof fetch !== "undefined" ? fetch.bind(globalThis) : void 0);
+    if (!doFetch) throw new TypeError("fetch is not available");
+    const ac = new AbortController();
+    let timedOut = false;
+    const onOuterAbort = () => ac.abort();
+    if (ctx?.signal) {
+      if (ctx.signal.aborted) ac.abort();
+      else ctx.signal.addEventListener("abort", onOuterAbort, { once: true });
+    }
+    const timer = setTimeout(() => {
+      timedOut = true;
+      ac.abort();
+    }, timeoutMs);
+    const body = { email: input.email, password: input.password };
+    if (input.captchaToken) body.captchaToken = input.captchaToken;
+    let res;
+    try {
+      res = await doFetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", "x-tenant-id": options.tenantId, ...options.extraHeaders ?? {} },
+        body: JSON.stringify(body),
+        credentials: "omit",
+        redirect: "error",
+        signal: ac.signal
+      });
+    } catch (err) {
+      if (timedOut) throw timeoutError();
+      if (ac.signal.aborted) throw err;
+      return { ok: false, code: "NETWORK" };
+    } finally {
+      clearTimeout(timer);
+      ctx?.signal?.removeEventListener("abort", onOuterAbort);
+    }
+    let json = void 0;
+    try {
+      json = await res.json();
+    } catch {
+      json = void 0;
+    }
+    return mapGcdrResponse(res.status, json);
+  };
+}
+function mapGcdrResponse(status, json) {
+  const j = json && typeof json === "object" ? json : {};
+  if (status >= 200 && status < 300) {
+    const data = j.data;
+    if (data && data.mfaRequired === true) return { ok: false, code: "MFA_REQUIRED" };
+    if (data && typeof data.accessToken === "string" && data.accessToken) return { ok: true, session: data };
+    return { ok: false, code: "INTEGRATION_ERROR" };
+  }
+  const code = typeof j.error?.code === "string" ? j.error.code : void 0;
+  const remaining = j.error?.details?.remainingAttempts;
+  switch (status) {
+    case 400:
+      return { ok: false, code: code === "CAPTCHA_FAILED" ? "CAPTCHA_FAILED" : "SERVER" };
+    case 401:
+      return code === "INVALID_CREDENTIALS" && typeof remaining === "number" ? { ok: false, code: "INVALID_CREDENTIALS", remainingAttempts: remaining } : { ok: false, code: "INVALID_CREDENTIALS" };
+    case 403:
+      return { ok: false, code: code === "ACCOUNT_LOCKED" ? "ACCOUNT_LOCKED" : "SERVER" };
+    case 429:
+      return { ok: false, code: "TOO_MANY_REQUESTS" };
+    default:
+      return { ok: false, code: "SERVER" };
+  }
+}
+
+// src/components/myio-gcdr-login/loginView.ts
+var DEFAULT_SUBMIT_TIMEOUT_MS = 3e4;
+function fail(msg, code) {
+  const e = new TypeError(`[MYIO Login] ${msg}`);
+  if (code) e.code = code;
+  throw e;
+}
+function validateOptions3(container, o) {
+  if (!(container instanceof HTMLElement)) fail("container must be an HTMLElement");
+  if (!o || typeof o !== "object") fail("options are required");
+  const n = [o.onSubmit, o.gcdr, o.auth].filter((x) => x != null).length;
+  if (n !== 1) fail("exactly one of onSubmit, gcdr or auth is required");
+  if (o.auth && o.auth.kind !== "credentials") {
+    fail(`auth.kind "${String(o.auth.kind)}" is not supported`, "MYIO_GCDR_AUTH_UNSUPPORTED");
+  }
+  if (o.auth && typeof o.auth.submit !== "function") fail("auth.submit must be a function");
+  if (o.onSubmit && typeof o.onSubmit !== "function") fail("onSubmit must be a function");
+  if (typeof o.onSuccess !== "function") fail("onSuccess must be a function");
+  if (o.submitTimeoutMs != null && !(Number.isFinite(o.submitTimeoutMs) && o.submitTimeoutMs > 0)) fail("submitTimeoutMs must be a positive number");
+  if (o.captcha) fail("captcha is not available in this version (RFC-0236 PR 2)", "MYIO_GCDR_CAPTCHA_UNSUPPORTED");
+  const kinds = ["about", "signedOutPrompt", "custom", "none"];
+  if (o.aside && !kinds.includes(o.aside.kind)) fail(`unknown aside.kind "${String(o.aside.kind)}"`);
+  if (o.aside?.kind === "custom" && typeof o.aside.render !== "function") fail("aside.render must be a function");
+  if (o.support && (typeof o.support.href !== "string" || !o.support.href)) fail("support.href must be a non-empty string");
+  if (o.embed) {
+    const bad = ["aside", "buildInfo", "theme", "locale", "assets"].filter((k) => o[k] !== void 0);
+    if (o.show?.themeToggle !== void 0 || o.show?.languageSelector !== void 0 || o.show?.wallpaper !== void 0) bad.push("show.(theme|language|wallpaper)");
+    if (bad.length) fail(`with embed, these options belong to the host shell: ${bad.join(", ")}`);
+    if (!o.embed.context || typeof o.embed.context.on !== "function") fail("embed.context must be a slot context");
+  }
+}
+function createLoginViewImpl(container, options, internals = {}) {
+  validateOptions3(container, options);
+  const doc = container.ownerDocument;
+  const presentation = internals.presentation ?? "inline";
+  const prefix = options.storageKeyPrefix ?? "myio.login.";
+  const isGcdr = !!options.gcdr;
+  const webUrl = options.links?.gcdrWebUrl?.replace(/\/+$/, "");
+  const strategy = options.gcdr ? createMyioGcdrLoginSubmit(options.gcdr) : options.auth ? options.auth.submit : options.onSubmit;
+  const viewTimeoutMs = isGcdr ? void 0 : options.submitTimeoutMs ?? DEFAULT_SUBMIT_TIMEOUT_MS;
+  let shell;
+  let embedCtx;
+  let releaseEmbedStyles;
+  let cardHost;
+  if (options.embed) {
+    embedCtx = options.embed.context;
+    releaseEmbedStyles = acquireStyles(container, { nonce: options.cspNonce, loadFont: options.fonts?.load !== false });
+    container.textContent = "";
+    cardHost = container;
+  } else {
+    const wpOpt = internals.shellWallpaper === false || options.show?.wallpaper === false ? false : options.assets?.wallpaper ?? {};
+    shell = createShellImpl(
+      container,
+      {
+        size: options.size ?? "md",
+        theme: options.theme,
+        locale: options.locale,
+        show: { themeToggle: options.show?.themeToggle, languageSelector: options.show?.languageSelector },
+        buildInfo: options.buildInfo,
+        storageKeyPrefix: options.storageKeyPrefix,
+        fonts: options.fonts,
+        cspNonce: options.cspNonce,
+        wallpaper: wpOpt === false ? false : wpOpt,
+        onThemeChange: options.onThemeChange,
+        onLocaleChange: options.onLocaleChange
+      },
+      {
+        messages: options.messages,
+        logoUrl: options.assets?.logoUrl,
+        about: { webUrl, fetchImpl: options.gcdr?.fetch, bandColor: options.brand?.asideHeaderColor }
+      }
+    );
+    cardHost = h2(doc, "div", { style: "display:flex;width:100%" });
+  }
+  const getLocale = () => shell ? shell.getState().locale : embedCtx.locale;
+  const getTheme = () => shell ? shell.getState().theme : embedCtx.theme;
+  const t = (key, vars) => translate(getLocale(), key, vars, options.messages);
+  let phase = "idle";
+  let destroyed = false;
+  let attempt = 0;
+  let attemptAbort = null;
+  let abortCause = null;
+  let successAbort = null;
+  let err = {};
+  let lockedKey = null;
+  let noCounterStreak = 0;
+  let streakKey = null;
+  let notice = options.notice ?? null;
+  let fieldErrors = {};
+  const remembered = storageGet(`${prefix}rememberedEmail`);
+  let emailValue = options.initialEmail ?? remembered ?? "";
+  let rememberValue = !options.initialEmail && !!remembered;
+  let passwordValue = "";
+  let passwordVisible = false;
+  let leaving = false;
+  const linkTarget = options.links?.target ?? (presentation === "modal" ? "_blank" : "_self");
+  const forgot = options.links?.forgotPassword;
+  const forgotShown = forgot === false ? false : !!forgot || isGcdr && !!webUrl;
+  const supportHref = options.support === false ? void 0 : options.support ? options.support.href : (options.aside?.kind ?? "about") === "about" ? defaultSupportHref(webUrl) : void 0;
+  let els = {};
+  const linkEl = (label, target, cls = "myio-gcdr-login__link") => {
+    if (typeof target === "function") {
+      const b = h2(doc, "button", { type: "button", class: cls, text: label });
+      b.addEventListener("click", () => safeCall("link", target, { email: emailValue.trim() }));
+      return b;
+    }
+    const a = h2(doc, "a", { class: cls, href: target, target: linkTarget, rel: linkTarget === "_blank" ? "noopener noreferrer" : null }, label);
+    if (linkTarget === "_blank") a.appendChild(h2(doc, "span", { class: "myio-gcdr-sr", text: ` ${t("login.newTab")}` }));
+    return a;
+  };
+  const forgotTarget = () => !forgotShown ? void 0 : typeof forgot === "string" || typeof forgot === "function" ? forgot : `${webUrl}/forgot-password`;
+  const renderNotice = () => {
+    if (!els.notice) return;
+    els.notice.textContent = "";
+    if (!notice) return;
+    const key = presentation === "modal" ? "notice.sessionExpiredModal" : "notice.sessionExpired";
+    els.notice.appendChild(
+      h2(
+        doc,
+        "div",
+        { class: "myio-gcdr-banner myio-gcdr-banner--info" },
+        icon(doc, ICONS.info(16), "myio-gcdr-banner__icon"),
+        h2(doc, "div", { class: "myio-gcdr-banner__body" }, h2(doc, "span", { text: t(key) }))
+      )
+    );
+  };
+  const renderAlerts = () => {
+    if (!els.alerts) return;
+    els.alerts.textContent = "";
+    els.banner = void 0;
+    if (!err.pres && !err.messageKey) return;
+    const p = err.pres;
+    const tone = p?.tone ?? "error";
+    const body = h2(doc, "div", { class: "myio-gcdr-banner__body" });
+    if (p?.title) body.appendChild(h2(doc, "span", { class: "myio-gcdr-banner__title", text: t(p.title) }));
+    if (p) {
+      if (p.text) body.appendChild(h2(doc, "span", { text: p.text }));
+      p.keys.forEach((k, i) => body.appendChild(h2(doc, "span", { text: t(k, i === 0 && p.count !== void 0 ? { count: p.count } : void 0) })));
+      if (p.forgotLink) {
+        const ft = forgotTarget();
+        if (ft) body.appendChild(linkEl(t("errors.goToForgot"), ft, ""));
+      }
+      if (p.gcdrWebLink && webUrl) body.appendChild(linkEl(t("login.gcdrWeb"), `${webUrl}/login`, ""));
+      if (p.support && supportHref) body.appendChild(linkEl(t("login.support"), supportHref, ""));
+    } else if (err.messageKey) {
+      body.appendChild(h2(doc, "span", { text: t(err.messageKey) }));
+    }
+    if (err.help) {
+      const who = supportHref ? t("errors.helpSupport") : t("errors.helpAdmin");
+      body.appendChild(h2(doc, "span", { text: t("errors.invalidCredentialsHelp", { who }) }));
+      if (supportHref) body.appendChild(linkEl(t("login.support"), supportHref, ""));
+    }
+    const ic = p?.icon === "lock" ? ICONS.lock(16) : p?.icon === "shieldAlert" ? ICONS.shieldAlert(16) : ICONS.alert(16);
+    const banner = h2(doc, "div", { class: `myio-gcdr-banner myio-gcdr-banner--${tone}`, tabindex: "-1" }, icon(doc, ic, "myio-gcdr-banner__icon"), body);
+    els.alerts.appendChild(banner);
+    els.banner = banner;
+  };
+  const syncControls = () => {
+    if (!els.submit || !els.email || !els.password) return;
+    const busy = phase === "submitting" || phase === "success";
+    const blocked = busy || leaving || !!lockedKey;
+    els.submit.setAttribute("aria-disabled", blocked ? "true" : "false");
+    els.submit.setAttribute("aria-busy", busy ? "true" : "false");
+    if (lockedKey && els.banner) {
+      if (!els.banner.id) els.banner.id = `myio-gcdr-lock-${Math.random().toString(36).slice(2, 8)}`;
+      els.submit.setAttribute("aria-describedby", els.banner.id);
+    } else els.submit.removeAttribute("aria-describedby");
+    els.submit.textContent = "";
+    if (busy) {
+      els.submit.append(icon(doc, ICONS.spinner(18), "myio-gcdr-login__spin"), h2(doc, "span", { text: t("login.signingIn") }));
+    } else els.submit.append(h2(doc, "span", { text: t("login.signIn") }));
+    els.email.readOnly = busy || leaving;
+    els.password.readOnly = busy || leaving;
+  };
+  const render3 = () => {
+    if (destroyed) return;
+    if (els.email) emailValue = els.email.value;
+    if (els.password) passwordValue = els.password.value;
+    const hadFocusId = doc.activeElement && cardHost.contains(doc.activeElement) ? doc.activeElement.getAttribute("data-k") : null;
+    cardHost.textContent = "";
+    const locale = getLocale();
+    const { root, body, footer, title } = buildPanel(
+      doc,
+      cardHost,
+      { eyebrow: options.brand?.label ?? t("login.eyebrow"), title: t("login.title"), footer: true, accent: options.brand?.accent, bandColor: options.brand?.bandColor, tint: options.brand?.tint, logoUrl: options.assets?.logoUrl },
+      locale
+    );
+    if (options.size && options.embed) root.style.maxWidth = options.size === "xl" ? "37rem" : options.size === "lg" ? "32rem" : "28rem";
+    else if (options.embed) root.style.maxWidth = "28rem";
+    root.style.margin = "0 auto";
+    if (options.brand?.accent) root.style.setProperty("--myio-gcdr-accent-hover", options.brand.accent);
+    root.setAttribute("data-theme", getTheme());
+    els = { root, title };
+    const noticeEl = h2(doc, "div", { class: "myio-gcdr-login__alerts", role: "status", "aria-live": "polite" });
+    const alerts = h2(doc, "div", { class: "myio-gcdr-login__alerts", role: "alert" });
+    els.notice = noticeEl;
+    els.alerts = alerts;
+    const form = h2(doc, "form", { class: "myio-gcdr-login__form", novalidate: true });
+    const uid2 = Math.random().toString(36).slice(2, 8);
+    const email = h2(doc, "input", {
+      id: `myio-gcdr-email-${uid2}`,
+      "data-k": "email",
+      class: "myio-gcdr-login__input",
+      type: "email",
+      inputmode: "email",
+      autocomplete: "username",
+      autocapitalize: "none",
+      spellcheck: "false",
+      placeholder: t("login.emailPlaceholder"),
+      "aria-invalid": fieldErrors.email ? "true" : "false"
+    });
+    email.value = emailValue;
+    const emailErr = h2(doc, "span", { id: `myio-gcdr-email-err-${uid2}`, class: "myio-gcdr-login__fielderror", text: fieldErrors.email ? t(fieldErrors.email) : "" });
+    if (fieldErrors.email) email.setAttribute("aria-describedby", emailErr.id);
+    const emailField = h2(
+      doc,
+      "div",
+      { class: "myio-gcdr-login__field" },
+      h2(doc, "label", { class: "myio-gcdr-login__label", for: email.id, text: t("login.email") }),
+      email,
+      fieldErrors.email ? emailErr : null
+    );
+    if (options.initialEmail) {
+      const notYou = h2(doc, "button", { type: "button", class: "myio-gcdr-login__link", text: t("login.notYou") });
+      notYou.addEventListener("click", () => {
+        email.value = "";
+        emailValue = "";
+        onEmailInput();
+        email.focus();
+      });
+      emailField.appendChild(notYou);
+    }
+    const password = h2(doc, "input", {
+      id: `myio-gcdr-pass-${uid2}`,
+      "data-k": "password",
+      class: "myio-gcdr-login__input myio-gcdr-login__input--password",
+      type: passwordVisible ? "text" : "password",
+      autocomplete: "current-password",
+      enterkeyhint: "go",
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+      "aria-invalid": fieldErrors.password ? "true" : "false"
+    });
+    password.value = passwordValue;
+    const passErr = h2(doc, "span", { id: `myio-gcdr-pass-err-${uid2}`, class: "myio-gcdr-login__fielderror", text: fieldErrors.password ? t(fieldErrors.password) : "" });
+    if (fieldErrors.password) password.setAttribute("aria-describedby", passErr.id);
+    const control = h2(doc, "div", { class: "myio-gcdr-login__control" }, password);
+    if (options.show?.passwordToggle !== false) {
+      const eye = h2(doc, "button", { type: "button", class: "myio-gcdr-login__eye", "aria-pressed": passwordVisible ? "true" : "false", "aria-label": t(passwordVisible ? "login.hidePassword" : "login.showPassword"), "aria-controls": password.id });
+      eye.appendChild(icon(doc, passwordVisible ? ICONS.eyeOff(18) : ICONS.eye(18)));
+      eye.addEventListener("click", () => {
+        passwordVisible = !passwordVisible;
+        password.type = passwordVisible ? "text" : "password";
+        eye.setAttribute("aria-pressed", passwordVisible ? "true" : "false");
+        eye.setAttribute("aria-label", t(passwordVisible ? "login.hidePassword" : "login.showPassword"));
+        eye.textContent = "";
+        eye.appendChild(icon(doc, passwordVisible ? ICONS.eyeOff(18) : ICONS.eye(18)));
+      });
+      control.appendChild(eye);
+    }
+    const caps = h2(doc, "span", { class: "myio-gcdr-login__hint", "aria-live": "polite" });
+    const capsCheck = (e) => {
+      const on = typeof e.getModifierState === "function" && e.getModifierState("CapsLock");
+      caps.textContent = on ? t("login.capsLockOn") : "";
+    };
+    password.addEventListener("keydown", capsCheck);
+    password.addEventListener("keyup", capsCheck);
+    const passField = h2(
+      doc,
+      "div",
+      { class: "myio-gcdr-login__field" },
+      h2(doc, "label", { class: "myio-gcdr-login__label", for: password.id, text: t("login.password") }),
+      control,
+      caps,
+      fieldErrors.password ? passErr : null
+    );
+    const row = h2(doc, "div", { class: "myio-gcdr-login__row" });
+    if (options.show?.rememberMe !== false) {
+      const cb = h2(doc, "input", { type: "checkbox" });
+      cb.checked = rememberValue;
+      cb.addEventListener("change", () => {
+        rememberValue = cb.checked;
+      });
+      row.appendChild(h2(doc, "label", { class: "myio-gcdr-login__remember" }, cb, h2(doc, "span", { text: t("login.rememberMe") })));
+    } else row.appendChild(h2(doc, "span"));
+    const ft = forgotTarget();
+    if (ft) row.appendChild(linkEl(t("login.forgotPassword"), ft));
+    const submit = h2(doc, "button", { type: "submit", "data-k": "submit", class: "myio-gcdr-login__submit", "data-style": options.submitStyle ?? "auth" });
+    form.append(emailField, passField, row, submit);
+    form.addEventListener("submit", (e) => {
+      e.preventDefault();
+      void doSubmit();
+    });
+    email.addEventListener("input", () => {
+      emailValue = email.value;
+      onEmailInput();
+    });
+    password.addEventListener("input", () => {
+      passwordValue = password.value;
+      if (fieldErrors.password) {
+        fieldErrors.password = validate(email.value, password.value).passwordError;
+        if (!fieldErrors.password) {
+          password.setAttribute("aria-invalid", "false");
+          passErr.remove();
+        }
+      }
+    });
+    body.append(noticeEl, alerts, form);
+    if (footer) {
+      const reg = options.links?.register;
+      if (reg) {
+        footer.append(h2(doc, "span", { text: `${t("login.noAccount")} ` }), linkEl(t("login.createAccount"), reg));
+      } else footer.appendChild(h2(doc, "span", { text: options.footerText ? localize(options.footerText, locale) : t("login.askAdmin") }));
+      internals.decorateFooter?.(footer, api);
+    }
+    els = { ...els, email, password, submit, caps };
+    renderNotice();
+    renderAlerts();
+    syncControls();
+    if (hadFocusId) cardHost.querySelector(`[data-k="${hadFocusId}"]`)?.focus();
+  };
+  const onEmailInput = () => {
+    const key = emailKey(emailValue);
+    if (fieldErrors.email) {
+      fieldErrors.email = validate(emailValue, "").emailError;
+      if (!fieldErrors.email) render3();
+    }
+    if (lockedKey && key !== lockedKey) {
+      lockedKey = null;
+      err = {};
+      renderAlerts();
+      syncControls();
+    }
+    if (streakKey && key !== streakKey) {
+      noCounterStreak = 0;
+      streakKey = null;
+    }
+  };
+  const focusTarget = (f) => {
+    const el2 = f === "password" ? els.password : f === "email" ? els.email : f === "banner" ? els.banner : els.submit;
+    el2?.focus();
+  };
+  const setError = (code, pres, opts) => {
+    err = { code, pres, help: opts.help };
+    if (pres.clearPassword && els.password) {
+      els.password.value = "";
+      passwordValue = "";
+    }
+    renderAlerts();
+    syncControls();
+    focusTarget(pres.focus);
+    if (opts.notify !== false) safeCall("onError", options.onError, { code, remainingAttempts: opts.remaining });
+  };
+  const doSubmit = async () => {
+    if (destroyed || phase !== "idle" || leaving || lockedKey) return;
+    const email = els.email.value;
+    const password = els.password.value;
+    const v = validate(email, password);
+    fieldErrors = { email: v.emailError, password: v.passwordError };
+    if (v.emailError || v.passwordError) {
+      render3();
+      (v.emailError ? els.email : els.password)?.focus();
+      return;
+    }
+    fieldErrors = {};
+    attempt += 1;
+    const my = attempt;
+    phase = "submitting";
+    err = { ...err, pres: void 0, messageKey: void 0, help: false, code: void 0 };
+    if (passwordVisible) {
+      passwordVisible = false;
+      els.password.type = "password";
+    }
+    renderAlerts();
+    syncControls();
+    const ac = new AbortController();
+    attemptAbort = ac;
+    abortCause = null;
+    let timer;
+    const timeout = new Promise((_, reject) => {
+      if (viewTimeoutMs) timer = setTimeout(() => {
+        abortCause = "timeout";
+        ac.abort();
+        reject(Object.assign(new Error("timeout"), { myioGcdrCode: "TIMEOUT" }));
+      }, viewTimeoutMs);
+    });
+    let outcome;
+    try {
+      const raw = await Promise.race([strategy({ email: v.email, password, remember: rememberValue, locale: getLocale() }, { signal: ac.signal, attempt: my }), timeout]);
+      outcome = normaliseResult(raw);
+      if (outcome.kind === "error" && outcome.code === "INTEGRATION_ERROR" && !(raw && typeof raw === "object" && typeof raw.ok === "boolean")) {
+        console.error("[MYIO Login] INTEGRATION_ERROR: invalid onSubmit result");
+      }
+    } catch (e) {
+      outcome = { kind: "thrown", err: e };
+    } finally {
+      if (timer) clearTimeout(timer);
+    }
+    if (destroyed || my !== attempt || abortCause === "destroy" || abortCause === "exit") return;
+    attemptAbort = null;
+    if (outcome.kind === "thrown") {
+      phase = "idle";
+      const code = abortCause === "timeout" ? "TIMEOUT" : normaliseThrown(outcome.err);
+      setError(code, present({ kind: "error", code }), {});
+      return;
+    }
+    if (outcome.kind === "error") {
+      phase = "idle";
+      const k = emailKey(v.email);
+      let help = false;
+      if (outcome.code === "INVALID_CREDENTIALS" && outcome.remainingAttempts === void 0) {
+        noCounterStreak = streakKey === k ? noCounterStreak + 1 : 1;
+        streakKey = k;
+        help = noCounterStreak >= 2;
+      } else {
+        noCounterStreak = 0;
+        streakKey = null;
+      }
+      if (outcome.code === "ACCOUNT_LOCKED") lockedKey = k;
+      setError(outcome.code, present(outcome), { help, remaining: outcome.remainingAttempts });
+      return;
+    }
+    phase = "success";
+    if (els.password) els.password.value = "";
+    passwordValue = "";
+    err = {};
+    noCounterStreak = 0;
+    if (options.show?.rememberMe !== false) storageSet(`${prefix}rememberedEmail`, rememberValue ? v.email : null);
+    renderAlerts();
+    syncControls();
+    const sa = new AbortController();
+    successAbort = sa;
+    try {
+      await options.onSuccess(outcome.session, { signal: sa.signal });
+    } catch {
+      if (destroyed || sa.signal.aborted) return;
+      console.error("[MYIO Login] onSuccess failed");
+      phase = "idle";
+      err = { messageKey: "errors.postLoginFailed", pres: { tone: "error", keys: ["errors.postLoginFailed"], icon: "alert", clearPassword: true, focus: "password" } };
+      renderAlerts();
+      syncControls();
+      els.password?.focus();
+      return;
+    }
+    if (destroyed || sa.signal.aborted) return;
+    internals.afterSuccess?.();
+  };
+  const api = {
+    abortAttempt() {
+      if (attemptAbort) {
+        abortCause = "exit";
+        attemptAbort.abort();
+        attemptAbort = null;
+        attempt += 1;
+      }
+      if (phase === "submitting") phase = "idle";
+      leaving = true;
+      syncControls();
+    },
+    clearPassword() {
+      if (els.password) els.password.value = "";
+      passwordValue = "";
+    },
+    showLeaveFailed() {
+      leaving = false;
+      err = { messageKey: "errors.leaveFailed", pres: { tone: "error", keys: ["errors.leaveFailed"], icon: "alert", clearPassword: false, focus: "submit" } };
+      renderAlerts();
+      syncControls();
+    },
+    t: (k) => t(k),
+    locale: getLocale,
+    phase: () => phase
+  };
+  let offChange;
+  if (shell) {
+    const asideOpt = options.aside ?? { kind: "about" };
+    if (asideOpt.kind === "about") {
+      const healthUrl = asideOpt.healthUrl !== void 0 ? asideOpt.healthUrl : options.gcdr ? `${options.gcdr.apiUrl.replace(/\/+$/, "").replace(/\/api\/v\d+$/, "")}/health` : false;
+      shell.setSlot("aside", { kind: "about", healthUrl });
+    } else if (asideOpt.kind === "signedOutPrompt") shell.setSlot("aside", { kind: "signedOutPrompt", text: asideOpt.text });
+    else if (asideOpt.kind === "custom") shell.setSlot("aside", asideOpt.render);
+    shell.setSlot("main", (el2) => {
+      el2.appendChild(cardHost);
+    });
+    offChange = shell.onChange(() => render3());
+  } else if (embedCtx) {
+    const offT = embedCtx.on("theme", () => render3());
+    const offL = embedCtx.on("locale", () => render3());
+    offChange = () => {
+      offT();
+      offL();
+    };
+    embedCtx.signal.addEventListener("abort", () => handle.destroy(), { once: true });
+  }
+  render3();
+  const autoFocus = options.autoFocus ?? !isCoarsePointer();
+  if (autoFocus && presentation === "inline") (options.initialEmail ? els.password : els.email)?.focus();
+  const restricted = shell ? {
+    setSlot: (name, content, o) => {
+      if (name === "main") fail("the main slot belongs to the login view");
+      shell.setSlot(name, content, o);
+    },
+    setShow: (s) => shell.setShow(s)
+  } : void 0;
+  const handle = {
+    getState() {
+      return {
+        phase: destroyed ? "destroyed" : leaving ? "leaving" : phase,
+        error: err.code,
+        message: err.messageKey ?? err.pres?.keys[0],
+        locked: !!lockedKey,
+        notice: notice?.code,
+        captcha: "none",
+        email: emailValue.trim() || void 0,
+        locale: getLocale(),
+        theme: getTheme()
+      };
+    },
+    setLocale(l) {
+      if (shell) shell.setLocale(l);
+    },
+    setTheme(th) {
+      if (shell) shell.setTheme(th);
+    },
+    showError(code, extra) {
+      if (destroyed) return;
+      const o = normaliseResult({ ok: false, code, remainingAttempts: extra?.remainingAttempts, message: extra?.message });
+      if (o.kind !== "error") return;
+      if (o.code === "ACCOUNT_LOCKED") lockedKey = emailKey(emailValue);
+      const pres = present(o);
+      err = { code: o.code, pres };
+      renderAlerts();
+      syncControls();
+    },
+    clearError() {
+      if (destroyed) return;
+      err = {};
+      lockedKey = null;
+      renderAlerts();
+      syncControls();
+    },
+    setNotice(n) {
+      if (destroyed) return;
+      notice = n && n.code === "SESSION_EXPIRED" ? n : null;
+      renderNotice();
+    },
+    reset() {
+      if (destroyed || phase !== "success") return;
+      successAbort?.abort();
+      phase = "idle";
+      syncControls();
+    },
+    focus() {
+      (options.initialEmail ? els.password : els.email)?.focus();
+    },
+    get shell() {
+      return restricted;
+    },
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      abortCause = "destroy";
+      attemptAbort?.abort();
+      successAbort?.abort();
+      offChange?.();
+      if (els.password) els.password.value = "";
+      passwordValue = "";
+      if (shell) shell.destroy();
+      else {
+        cardHost.textContent = "";
+        releaseEmbedStyles?.();
+      }
+    },
+    _api: api
+  };
+  return handle;
+}
+function createMyioGcdrLoginView(container, options) {
+  const impl = createLoginViewImpl(container, options, { presentation: "inline" });
+  const { _api, ...pub } = impl;
+  void _api;
+  return Object.defineProperty(pub, "shell", { get: () => impl.shell, enumerable: true });
+}
+
+// src/components/myio-gcdr-login/modal.ts
+var MODAL_ATTR = "data-myio-gcdr-modal";
+var LOCK_ATTR = "data-myio-gcdr-scroll-lock";
+var INERT_PREV = "data-myio-gcdr-inert-prev";
+function isMyioGcdrLoginModalOpen(target) {
+  if (target instanceof HTMLElement) return !!target.querySelector(`:scope > [${MODAL_ATTR}]`);
+  const doc = target ?? (typeof document !== "undefined" ? document : void 0);
+  return !!doc?.querySelector(`[${MODAL_ATTR}]`);
+}
+function conflict() {
+  const e = new Error("[MYIO Login] a login modal is already open here");
+  e.code = "LOGIN_MODAL_ALREADY_OPEN";
+  throw e;
+}
+function openMyioGcdrLoginModal(options) {
+  const ov = options.overlay ?? {};
+  const scopeEl = typeof ov.scope === "object" && ov.scope ? ov.scope.element : null;
+  const doc = scopeEl?.ownerDocument ?? document;
+  const viewport = !scopeEl;
+  const dismissible = ov.dismissible === true;
+  if (viewport && !dismissible && !ov.exit) {
+    throw new TypeError("[MYIO Login] a viewport modal that is not dismissible needs overlay.exit (a way out)");
+  }
+  if (ov.exit && (!ov.exit.href || typeof ov.exit.href !== "string")) throw new TypeError("[MYIO Login] overlay.exit.href is required");
+  if (ov.secondaryAction) {
+    const e = new TypeError("[MYIO Login] overlay.secondaryAction is not available in this version (RFC-0236 PR 4)");
+    e.code = "MYIO_GCDR_SECONDARY_UNSUPPORTED";
+    throw e;
+  }
+  if (viewport ? isMyioGcdrLoginModalOpen(doc) : isMyioGcdrLoginModalOpen(scopeEl)) conflict();
+  const backdrop = ov.backdrop ?? "solid";
+  const opacity = typeof ov.opacity === "number" ? Math.min(1, Math.max(0, ov.opacity)) : 0.5;
+  const blur = typeof ov.blur === "number" ? ov.blur : backdrop === "blur" ? 8 : 4;
+  const previouslyFocused = doc.activeElement;
+  const releaseStyles = acquireStyles(viewport ? doc.body : scopeEl, { nonce: options.cspNonce, loadFont: options.fonts?.load !== false });
+  const overlay = h2(doc, "div", {
+    class: "myio-gcdr-overlay",
+    [MODAL_ATTR]: "1",
+    role: "dialog",
+    "aria-modal": viewport ? "true" : null,
+    "data-scope": viewport ? "viewport" : "element",
+    "data-backdrop": backdrop
+  });
+  overlay.style.zIndex = String(ov.zIndex ?? 1e4);
+  const layers = [];
+  const layer = (bg, extra = "") => {
+    const l = h2(doc, "div", { class: "myio-gcdr-overlay__layer", "aria-hidden": "true" });
+    l.setAttribute("style", `background:${bg};${extra}`);
+    layers.push(l);
+    overlay.appendChild(l);
+    return l;
+  };
+  const paintBackdrop = (dark) => {
+    layers.splice(0).forEach((l) => l.remove());
+    const blurCss = `-webkit-backdrop-filter:blur(${blur}px);backdrop-filter:blur(${blur}px)`;
+    if (backdrop === "blur") {
+      layer(`rgba(20,12,40,${opacity})`, blurCss);
+    } else {
+      layer(dark ? "linear-gradient(180deg,#1B1530 0%,#15121F 45%,#111827 100%)" : "linear-gradient(180deg,#DCD2F3 0%,#EEEAF8 45%,#F7F5FC 100%)");
+      if (backdrop === "image" && options.assets?.wallpaper) {
+        const wp = options.assets.wallpaper;
+        let portrait = false;
+        try {
+          portrait = matchMedia("(orientation: portrait)").matches;
+        } catch {
+        }
+        const url = dark ? portrait ? wp.mobileDark ?? wp.dark : wp.dark : portrait ? wp.mobileLight ?? wp.light : wp.light;
+        if (url) layer(`url("${url.replace(/"/g, "%22")}") center/cover no-repeat`);
+      }
+      layer(`rgba(255,255,255,${(dark ? 0.1 : 0.44) * opacity})`, blurCss);
+      layer(dark ? "linear-gradient(135deg,rgba(45,22,105,.55) 0%,rgba(27,21,48,.30) 50%,rgba(45,22,105,.55) 100%)" : "linear-gradient(135deg,rgba(107,74,191,.34) 0%,rgba(107,74,191,.14) 50%,rgba(107,74,191,.34) 100%)");
+    }
+    layers.forEach((l) => overlay.insertBefore(l, content));
+  };
+  const content = h2(doc, "div", { class: "myio-gcdr-overlay__content" });
+  overlay.appendChild(content);
+  let restoreStatic = null;
+  if (viewport) doc.body.appendChild(overlay);
+  else {
+    const el2 = scopeEl;
+    if (getComputedStyle(el2).position === "static") {
+      const prev = el2.style.position;
+      el2.style.position = "relative";
+      restoreStatic = () => {
+        el2.style.position = prev;
+      };
+    }
+    el2.appendChild(overlay);
+  }
+  let open = true;
+  let closing = false;
+  let exitTimer;
+  const close = (reason) => {
+    if (!open || closing) return;
+    closing = true;
+    if (exitTimer) clearTimeout(exitTimer);
+    mo?.disconnect();
+    try {
+      view.destroy();
+    } catch {
+    }
+    doc.removeEventListener("keydown", onKey, true);
+    overlay.removeEventListener("keydown", onKey, true);
+    if (viewport) {
+      releaseInert();
+      releaseScroll();
+    }
+    overlay.remove();
+    restoreStatic?.();
+    releaseStyles();
+    open = false;
+    if (previouslyFocused && previouslyFocused.isConnected && typeof previouslyFocused.focus === "function") previouslyFocused.focus();
+    else if (viewport) doc.body.focus?.();
+    safeCall("onClose", options.onClose, reason);
+  };
+  const { overlay: _o, onOpen, onClose, ...viewOpts } = options;
+  void _o;
+  void onClose;
+  const view = createLoginViewImpl(content, { ...viewOpts, aside: options.aside ?? { kind: "none" }, autoFocus: false }, {
+    presentation: "modal",
+    shellWallpaper: false,
+    afterSuccess: () => {
+      if (ov.closeOnSuccess !== false) close("success");
+    },
+    decorateFooter: (footer, api) => {
+      if (!ov.exit) return;
+      const label = localize(ov.exit.label, api.locale());
+      const a = h2(doc, "a", { class: "myio-gcdr-login__link", href: ov.exit.href, style: "display:inline-block;margin-left:12px" }, label);
+      a.addEventListener("click", () => {
+        if (api.phase() === "success") return;
+        api.abortAttempt();
+        api.clearPassword();
+        a.textContent = api.t("login.leaving");
+        a.setAttribute("aria-busy", "true");
+        exitTimer = setTimeout(() => {
+          if (!open) return;
+          a.textContent = label;
+          a.removeAttribute("aria-busy");
+          api.showLeaveFailed();
+          a.focus();
+        }, 2e3);
+      });
+      footer.appendChild(a);
+    }
+  });
+  const shellRoot = content.querySelector(".myio-gcdr-shell");
+  const syncTheme = () => {
+    const dark = view.getState().theme === "dark";
+    overlay.setAttribute("data-theme", dark ? "dark" : "light");
+    paintBackdrop(dark);
+  };
+  syncTheme();
+  const mo = shellRoot ? new MutationObserver(syncTheme) : null;
+  mo?.observe(shellRoot, { attributes: true, attributeFilter: ["data-theme"] });
+  if (backdrop === "blur" && options.show?.themeToggle === void 0) view.shell?.setShow({ themeToggle: false });
+  const title = content.querySelector(".myio-gcdr-panel__title");
+  if (title) {
+    if (!title.id) title.id = `myio-gcdr-title-${Math.random().toString(36).slice(2, 8)}`;
+    overlay.setAttribute("aria-labelledby", title.id);
+  }
+  if (dismissible) {
+    const x = h2(doc, "button", { type: "button", class: "myio-gcdr-shell__iconbtn myio-gcdr-overlay__close", "aria-label": view._api.t("modal.close") });
+    x.appendChild(icon(doc, ICONS.x(18)));
+    x.addEventListener("click", () => {
+      const p = view.getState().phase;
+      if (p !== "submitting" && p !== "success") close("dismiss");
+    });
+    content.appendChild(x);
+  }
+  const inerted = [];
+  const releaseInert = () => {
+    for (const el2 of inerted) {
+      const prev = el2.getAttribute(INERT_PREV);
+      if (prev === "true") el2.setAttribute("inert", "");
+      else el2.removeAttribute("inert");
+      el2.removeAttribute(INERT_PREV);
+    }
+    inerted.length = 0;
+  };
+  let scrollPrev = null;
+  const releaseScroll = () => {
+    const html = doc.documentElement;
+    const n = Math.max(0, (parseInt(html.getAttribute(LOCK_ATTR) || "1", 10) || 1) - 1);
+    if (n === 0) {
+      html.removeAttribute(LOCK_ATTR);
+      if (scrollPrev) {
+        html.style.overflow = scrollPrev.html;
+        doc.body.style.overflow = scrollPrev.body;
+      }
+    } else html.setAttribute(LOCK_ATTR, String(n));
+  };
+  if (viewport) {
+    for (const el2 of Array.from(doc.body.children)) {
+      if (el2 === overlay || el2.tagName === "SCRIPT" || el2.tagName === "STYLE") continue;
+      el2.setAttribute(INERT_PREV, el2.hasAttribute("inert") ? "true" : "false");
+      el2.setAttribute("inert", "");
+      inerted.push(el2);
+    }
+    const html = doc.documentElement;
+    const n = parseInt(html.getAttribute(LOCK_ATTR) || "0", 10) || 0;
+    if (n === 0) scrollPrev = { html: html.style.overflow, body: doc.body.style.overflow };
+    html.setAttribute(LOCK_ATTR, String(n + 1));
+    html.style.overflow = "hidden";
+    doc.body.style.overflow = "hidden";
+  }
+  const focusables = () => Array.from(overlay.querySelectorAll('a[href],button:not([disabled]),input:not([disabled]),select,textarea,[tabindex]:not([tabindex="-1"])')).filter((el2) => !el2.hidden && el2.offsetParent !== null);
+  const onKey = (e) => {
+    if (!open) return;
+    if (e.key === "Escape" && dismissible) {
+      const p = view.getState().phase;
+      if (p !== "submitting" && p !== "success") {
+        e.preventDefault();
+        close("dismiss");
+      }
+      return;
+    }
+    if (e.key === "Tab" && viewport) {
+      const list = focusables();
+      if (!list.length) return;
+      const first = list[0];
+      const last = list[list.length - 1];
+      const active = doc.activeElement;
+      if (e.shiftKey && (active === first || !overlay.contains(active))) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && (active === last || !overlay.contains(active))) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
+  };
+  if (viewport) doc.addEventListener("keydown", onKey, true);
+  else overlay.addEventListener("keydown", onKey, true);
+  const emailInput = content.querySelector('[data-k="email"]');
+  const passInput = content.querySelector('[data-k="password"]');
+  const coarse = (() => {
+    try {
+      return matchMedia("(pointer: coarse)").matches;
+    } catch {
+      return false;
+    }
+  })();
+  const wantInput = options.autoFocus ?? !coarse;
+  ((wantInput ? options.initialEmail ? passInput : emailInput : title) ?? title)?.focus();
+  safeCall("onOpen", onOpen);
+  const handle = {
+    getState: () => view.getState(),
+    setLocale: (l) => view.setLocale(l),
+    setTheme: (th) => view.setTheme(th),
+    showError: (c, x) => view.showError(c, x),
+    clearError: () => view.clearError(),
+    setNotice: (n) => view.setNotice(n),
+    reset: () => view.reset(),
+    focus: () => view.focus(),
+    close: () => close("api"),
+    destroy: () => close("api"),
+    get isOpen() {
+      return open;
+    }
+  };
+  return handle;
+}
+
 // src/components/img-gallery/ScrollableTabs.ts
 var STYLE_ID11 = "myio-tabs-styles";
 var FONT_LINK_ID3 = "myio-dialog-font-nunito";
@@ -108417,13 +110518,13 @@ function createImgGallery(options) {
       grid.appendChild(item);
     });
   }
-  function actionBtn(icon, label, danger, onClick) {
+  function actionBtn(icon2, label, danger, onClick) {
     const b = document.createElement("button");
     b.type = "button";
     b.className = `myio-gallery__abtn${danger ? " myio-gallery__abtn--danger" : ""}`;
     b.setAttribute("aria-label", label);
     b.title = label;
-    b.innerHTML = icon;
+    b.innerHTML = icon2;
     b.addEventListener("click", onClick);
     return b;
   }
@@ -116563,7 +118664,7 @@ var MenuView = class {
    */
   bindFilterTooltipEvents(listEl) {
     const icons = listEl.querySelectorAll(".filter-icon[data-tooltip-type]");
-    icons.forEach((icon) => {
+    icons.forEach((icon2) => {
       const showHandler = (e) => {
         e.stopPropagation();
         const el2 = e.currentTarget;
@@ -116574,9 +118675,9 @@ var MenuView = class {
       const hideHandler = () => {
         this.hideFilterTooltips();
       };
-      icon.addEventListener("mouseenter", showHandler);
-      icon.addEventListener("click", showHandler);
-      icon.addEventListener("mouseleave", hideHandler);
+      icon2.addEventListener("mouseenter", showHandler);
+      icon2.addEventListener("click", showHandler);
+      icon2.addEventListener("mouseleave", hideHandler);
     });
   }
   /**
@@ -120398,11 +122499,11 @@ var FilterModalView = class {
     const allTab = this.filterTabs.find((t) => t.id === "all");
     let html = "";
     if (allTab) {
-      const icon = FILTER_TAB_ICONS["all"] || "";
+      const icon2 = FILTER_TAB_ICONS["all"] || "";
       html += `
         <div class="filter-group filter-group-all">
           <button class="filter-tab active" data-filter="all">
-            ${icon} ${allTab.label} (<span id="countAll">${counts["all"] || 0}</span>)
+            ${icon2} ${allTab.label} (<span id="countAll">${counts["all"] || 0}</span>)
           </button>
         </div>
       `;
@@ -120415,12 +122516,12 @@ var FilterModalView = class {
           <span class="filter-group-label">${group.label}</span>
           <div class="filter-group-tabs">
             ${groupTabs.map((tab) => {
-        const icon = FILTER_TAB_ICONS[tab.id] || "";
+        const icon2 = FILTER_TAB_ICONS[tab.id] || "";
         const count = counts[tab.id] || 0;
         const expandBtn = count > 0 ? `<button class="filter-tab-expand" data-expand-filter="${tab.id}" title="Ver dispositivos">+</button>` : "";
         return `
               <button class="filter-tab active" data-filter="${tab.id}">
-                ${icon} ${tab.label} (<span id="count${tab.id.charAt(0).toUpperCase() + tab.id.slice(1)}">${count}</span>)${expandBtn}
+                ${icon2} ${tab.label} (<span id="count${tab.id.charAt(0).toUpperCase() + tab.id.slice(1)}">${count}</span>)${expandBtn}
               </button>
             `;
       }).join("")}
@@ -120797,7 +122898,7 @@ var FilterModalView = class {
     if (!InfoTooltip2?.InfoTooltip) return;
     const filterTabConfig = this.filterTabs.find((t) => t.id === filterId);
     const label = filterTabConfig?.label || filterId;
-    const icon = FILTER_TAB_ICONS[filterId] || "\u{1F4CB}";
+    const icon2 = FILTER_TAB_ICONS[filterId] || "\u{1F4CB}";
     let devicesHtml = "";
     if (devices.length === 0) {
       devicesHtml = `
@@ -120849,7 +122950,7 @@ var FilterModalView = class {
       `;
     }
     InfoTooltip2.InfoTooltip.show(triggerEl, {
-      icon,
+      icon: icon2,
       title: `${label} (${devices.length})`,
       content: devicesHtml
     });
@@ -121714,7 +123815,7 @@ var FilterModalComponent = class {
   }
   // ── Private ────────────────────────────────
   render() {
-    const { title, icon, categories, sortOptions, devices = [] } = this.options;
+    const { title, icon: icon2, categories, sortOptions, devices = [] } = this.options;
     const hasDevices = this.showDeviceGrid && devices.length > 0;
     const modalClass = `myio-fm myio-fm--${this.themeMode}${hasDevices ? " myio-fm--with-devices" : ""}`;
     const bodyClass = `myio-fm__body${hasDevices ? " myio-fm__body--two-col" : ""}`;
@@ -121722,7 +123823,7 @@ var FilterModalComponent = class {
       <div class="${modalClass}">
         <div class="myio-fm__header">
           <div class="myio-fm__header-left">
-            ${icon ? `<span class="myio-fm__icon">${icon}</span>` : ""}
+            ${icon2 ? `<span class="myio-fm__icon">${icon2}</span>` : ""}
             <h2 class="myio-fm__title">${this.escapeHtml(title)}</h2>
           </div>
           <button class="myio-fm__close" title="Fechar">
@@ -121801,7 +123902,7 @@ var FilterModalComponent = class {
   renderDeviceItem(device) {
     const isSelected = this.selectedDeviceIds.has(device.id);
     const statusClass = device.status ? `myio-fm__device-status--${device.status}` : "";
-    const icon = device.icon || this.getDefaultDeviceIcon(device.type, device.context);
+    const icon2 = device.icon || this.getDefaultDeviceIcon(device.type, device.context);
     return `
       <div class="myio-fm__device-item${isSelected ? " myio-fm__device-item--selected" : ""}"
            data-device-id="${device.id}"
@@ -121809,7 +123910,7 @@ var FilterModalComponent = class {
         <div class="myio-fm__device-checkbox">
           ${ICON_CHECK}
         </div>
-        ${icon ? `<span class="myio-fm__device-icon">${icon}</span>` : ""}
+        ${icon2 ? `<span class="myio-fm__device-icon">${icon2}</span>` : ""}
         <div class="myio-fm__device-info">
           <p class="myio-fm__device-label" title="${this.escapeHtml(device.label)}">${this.escapeHtml(device.label)}</p>
           ${device.type ? `<p class="myio-fm__device-type">${this.escapeHtml(device.type)}</p>` : ""}
@@ -122577,7 +124678,7 @@ function createCustomerCardV1(params) {
 
 // src/components/cards/customer-goals/v1.0.0/styles.ts
 var STYLE_ID13 = "myio-customer-goals-card-css";
-var CSS3 = `
+var CSS4 = `
 .myio-cgc{
   --cgc-surface:#ffffff;
   --cgc-border:#e2e8f0;
@@ -122680,7 +124781,7 @@ function injectCustomerGoalsCardStyles() {
   if (document.getElementById(STYLE_ID13)) return;
   const tag = document.createElement("style");
   tag.id = STYLE_ID13;
-  tag.textContent = CSS3;
+  tag.textContent = CSS4;
   document.head.appendChild(tag);
 }
 
@@ -123795,13 +125896,13 @@ var EnergyPanelView = class {
   /**
    * Build a single card HTML with the TELEMETRY_INFO-inspired layout
    */
-  buildCardHTML(type, icon, title, value, percentage, tooltip) {
+  buildCardHTML(type, icon2, title, value, percentage, tooltip) {
     const percDisplay = percentage !== null ? `(${percentage}%)` : "";
     const tooltipHTML = tooltip ? `<span class="energy-panel__card-tooltip" title="${tooltip}">\u2139\uFE0F</span>` : "";
     return `
       <div class="energy-panel__card" data-type="${type}">
         <div class="energy-panel__card-header">
-          <span class="energy-panel__card-icon">${icon}</span>
+          <span class="energy-panel__card-icon">${icon2}</span>
           <h3 class="energy-panel__card-title">${title}</h3>
           ${tooltipHTML}
         </div>
@@ -126942,7 +129043,7 @@ var HeaderShoppingView = class {
   emit(event, ...args) {
     const handlers = this.eventHandlers.get(event);
     if (handlers) {
-      handlers.forEach((h2) => h2(...args));
+      handlers.forEach((h3) => h3(...args));
     }
   }
   /**
@@ -127398,7 +129499,7 @@ function createHeaderShoppingComponent(params) {
   function emit(event, ...args) {
     const handlers = eventHandlers.get(event);
     if (handlers) {
-      handlers.forEach((h2) => h2(...args));
+      handlers.forEach((h3) => h3(...args));
     }
   }
   function on(event, handler) {
@@ -128288,7 +130389,7 @@ var MenuShoppingView = class {
   emit(event, ...args) {
     const handlers = this.eventHandlers.get(event);
     if (handlers) {
-      handlers.forEach((h2) => h2(...args));
+      handlers.forEach((h3) => h3(...args));
     }
   }
   /**
@@ -128457,7 +130558,7 @@ function createMenuShoppingComponent(params) {
   function emitEvent(event, ...args) {
     const handlers = eventHandlers.get(event);
     if (handlers) {
-      handlers.forEach((h2) => h2(...args));
+      handlers.forEach((h3) => h3(...args));
     }
   }
   function cleanup() {
@@ -130450,8 +132551,8 @@ var TelemetryGridShoppingView = class {
         }
       }
     }
-    const icon = this.isMaximized ? '<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>' : '<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>';
-    this.maximizeBtnEl.innerHTML = `<svg viewBox="0 0 24 24" width="18" height="18">${icon}</svg>`;
+    const icon2 = this.isMaximized ? '<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>' : '<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>';
+    this.maximizeBtnEl.innerHTML = `<svg viewBox="0 0 24 24" width="18" height="18">${icon2}</svg>`;
   }
 };
 
@@ -132382,9 +134483,9 @@ var TelemetryInfoShoppingView = class _TelemetryInfoShoppingView {
         this.maximizeBtnEl.style.opacity = "0";
       }
     }
-    const icon = this.isMaximized ? '<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" fill="currentColor"/>' : '<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" fill="currentColor"/>';
+    const icon2 = this.isMaximized ? '<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" fill="currentColor"/>' : '<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" fill="currentColor"/>';
     if (this.maximizeBtnEl) {
-      this.maximizeBtnEl.innerHTML = `<svg viewBox="0 0 24 24" width="18" height="18">${icon}</svg>`;
+      this.maximizeBtnEl.innerHTML = `<svg viewBox="0 0 24 24" width="18" height="18">${icon2}</svg>`;
     }
     this.params.onExpandClick?.();
   }
@@ -139424,7 +141525,7 @@ function renderTrendChart(data, options = {}) {
         Cr\xEDticos
       </span>
     </div>`;
-  const svg = `
+  const svg2 = `
     <svg class="alarms-trend-chart" viewBox="0 0 ${width} ${height}" preserveAspectRatio="xMidYMid meet">
       <defs>
         <linearGradient id="gradTotal" x1="0" y1="0" x2="0" y2="1">
@@ -139445,7 +141546,7 @@ function renderTrendChart(data, options = {}) {
       <circle cx="${lastCritical[0].toFixed(1)}" cy="${lastCritical[1].toFixed(1)}" r="4" fill="${criticalColor}" />
       ${xLabels}
     </svg>`;
-  return `<div class="alarms-trend-wrap">${svg}${legend}</div>`;
+  return `<div class="alarms-trend-wrap">${svg2}${legend}</div>`;
 }
 function renderStateDonutChart(byState, options = {}) {
   if (!byState) return renderEmptyChart(200, 200, "Sem dados");
@@ -140489,8 +142590,8 @@ var AlarmsNotificationsPanelView = class {
     }
     const th = (label, col, extraClass = "") => {
       const active = this.sortCol === col;
-      const icon = active ? `<span class="atbl-sort-icon is-active">${this.sortDir === "asc" ? "\u25B2" : "\u25BC"}</span>` : `<span class="atbl-sort-icon">\u21C5</span>`;
-      return `<th class="atbl-th atbl-th--sortable${extraClass ? " " + extraClass : ""}${active ? " is-sorted" : ""}" data-sort-col="${col}">${label}${icon}</th>`;
+      const icon2 = active ? `<span class="atbl-sort-icon is-active">${this.sortDir === "asc" ? "\u25B2" : "\u25BC"}</span>` : `<span class="atbl-sort-icon">\u21C5</span>`;
+      return `<th class="atbl-th atbl-th--sortable${extraClass ? " " + extraClass : ""}${active ? " is-sorted" : ""}" data-sort-col="${col}">${label}${icon2}</th>`;
     };
     const rows = alarms.map((alarm) => {
       const sev = SEVERITY_CONFIG[alarm.severity];
@@ -144097,9 +146198,9 @@ function renderDualLineChart(data) {
 }
 function formatTrendIndicator(trend) {
   if (trend === void 0 || trend === 0) return "";
-  const icon = trend > 0 ? "\u2191" : "\u2193";
+  const icon2 = trend > 0 ? "\u2191" : "\u2193";
   const cls = trend > 0 ? "trend-up" : "trend-down";
-  return `<span class="trend-indicator ${cls}">${icon}${Math.abs(trend)}</span>`;
+  return `<span class="trend-indicator ${cls}">${icon2}${Math.abs(trend)}</span>`;
 }
 function renderStatusDonutChart(kpis, period) {
   const offlineCritical = kpis.offlineCriticalCount || 0;
@@ -144405,10 +146506,10 @@ function formatHoursDisplay(hours) {
     const mins = Math.round(hours * 60);
     return `${mins}min`;
   }
-  const h2 = Math.floor(hours);
-  const m = Math.round((hours - h2) * 60);
-  if (m === 0) return `${h2}h`;
-  return `${h2}h${String(m).padStart(2, "0")}`;
+  const h3 = Math.floor(hours);
+  const m = Math.round((hours - h3) * 60);
+  if (m === 0) return `${h3}h`;
+  return `${h3}h${String(m).padStart(2, "0")}`;
 }
 function renderMTBFTimelineChart(data) {
   if (!data.segments || data.segments.length === 0) {
@@ -147860,12 +149961,12 @@ var SwitchControlView = class {
     document.querySelectorAll(`.${SWITCH_CONTROL_CSS_PREFIX}__modal-overlay`).forEach((el2) => el2.remove());
     const { labels } = this.settings;
     const newStatus = this.state.status === "on" ? "off" : "on";
-    const icon = newStatus === "on" ? "\u{1F4A1}" : "\u{1F50C}";
+    const icon2 = newStatus === "on" ? "\u{1F4A1}" : "\u{1F50C}";
     const modal = document.createElement("div");
     modal.className = `${SWITCH_CONTROL_CSS_PREFIX}__modal-overlay`;
     modal.innerHTML = `
       <div class="${SWITCH_CONTROL_CSS_PREFIX}__modal">
-        <div class="${SWITCH_CONTROL_CSS_PREFIX}__modal-icon">${icon}</div>
+        <div class="${SWITCH_CONTROL_CSS_PREFIX}__modal-icon">${icon2}</div>
         <h3 class="${SWITCH_CONTROL_CSS_PREFIX}__modal-title">${this.escapeHtml(this.state.name)}</h3>
         <p class="${SWITCH_CONTROL_CSS_PREFIX}__modal-message">${message}</p>
         <div class="${SWITCH_CONTROL_CSS_PREFIX}__modal-actions">
@@ -148192,7 +150293,7 @@ var ActionButtonView = class {
     return classes.join(" ");
   }
   applyAll() {
-    const { label, icon, variant, color, textColor, borderRadius, disabled, tooltip } = this.settings;
+    const { label, icon: icon2, variant, color, textColor, borderRadius, disabled, tooltip } = this.settings;
     this.root.className = this.buildClassName();
     this.root.disabled = disabled;
     this.root.style.borderRadius = `${borderRadius}px`;
@@ -148205,8 +150306,8 @@ var ActionButtonView = class {
       this.root.style.color = textColor || color;
     }
     let html = "";
-    if (icon) {
-      html += `<span class="${ACTION_BUTTON_CSS_PREFIX}__icon">${this.escapeHtml(icon)}</span>`;
+    if (icon2) {
+      html += `<span class="${ACTION_BUTTON_CSS_PREFIX}__icon">${this.escapeHtml(icon2)}</span>`;
     }
     if (label) {
       html += `<span>${this.escapeHtml(label)}</span>`;
@@ -152476,12 +154577,12 @@ function renderTimelineSVG(data, config2) {
     const segWidth = Math.max(x2 - x1, 4);
     const isOn = seg.state === "on";
     const y = isOn ? onY : offY - 15;
-    const h2 = isOn ? barHeight : 15;
+    const h3 = isOn ? barHeight : 15;
     const color = isOn ? onColor : offColor;
     const stateClass = isOn ? "on" : "off";
     segmentPaths += `
       <rect
-        x="${x1}" y="${y}" width="${segWidth}" height="${h2}"
+        x="${x1}" y="${y}" width="${segWidth}" height="${h3}"
         fill="${color}" rx="3"
         class="${ONOFF_TIMELINE_CSS_PREFIX}__segment ${ONOFF_TIMELINE_CSS_PREFIX}__segment--${stateClass}"
         data-index="${index}"
@@ -152489,7 +154590,7 @@ function renderTimelineSVG(data, config2) {
     `;
     if (showDurationLabels && segWidth > 45) {
       const centerX = x1 + segWidth / 2;
-      const centerY = y + h2 / 2 + 3;
+      const centerY = y + h3 / 2 + 3;
       durationLabels += `
         <text
           x="${centerX}" y="${centerY}"
@@ -152516,7 +154617,7 @@ function renderTimelineSVG(data, config2) {
     }
     tooltipAreas += `
       <rect
-        x="${x1}" y="${y}" width="${segWidth}" height="${h2}"
+        x="${x1}" y="${y}" width="${segWidth}" height="${h3}"
         fill="transparent"
         class="tooltip-trigger"
         data-state="${stateClass}"
@@ -153925,15 +156026,15 @@ var OnOffDeviceModalView = class {
     if (!anchor) return;
     const ev = this.evalDeviceStatus();
     if (!ev.statusStale && !ev.connectionStale) return;
-    const icon = document.createElement("span");
-    icon.className = `${ON_OFF_MODAL_CSS_PREFIX}__status-warning`;
-    icon.textContent = "\u26A0\uFE0F";
-    icon.style.cssText = "cursor: help; font-size: 16px; margin-left: 8px; line-height: 1; user-select: none; display: inline-block;";
-    icon.setAttribute("aria-label", "Telemetria de status desatualizada");
-    anchor.appendChild(icon);
+    const icon2 = document.createElement("span");
+    icon2.className = `${ON_OFF_MODAL_CSS_PREFIX}__status-warning`;
+    icon2.textContent = "\u26A0\uFE0F";
+    icon2.style.cssText = "cursor: help; font-size: 16px; margin-left: 8px; line-height: 1; user-select: none; display: inline-block;";
+    icon2.setAttribute("aria-label", "Telemetria de status desatualizada");
+    anchor.appendChild(icon2);
     const when = formatStatusTimestamp(ev.statusTs);
     const lastValue = (ev.value || "\u2014").toString().toUpperCase();
-    this.statusWarnTooltipCleanup = InfoTooltip_default.attach(icon, () => ({
+    this.statusWarnTooltipCleanup = InfoTooltip_default.attach(icon2, () => ({
       icon: "\u26A0\uFE0F",
       title: "Status possivelmente desatualizado",
       content: `A \xFAltima telemetria de <b>status</b> foi em <b>${when}</b>, h\xE1 mais de ${STATUS_FRESHNESS_MAX_HOURS} horas.<br><br>O estado exibido (<b>${lastValue}</b>) \xE9 o \xFAltimo conhecido e pode n\xE3o refletir o estado atual do dispositivo.`
@@ -154072,8 +156173,8 @@ var OnOffDeviceModalView = class {
       actions.appendChild(btnYes);
       actions.appendChild(btnNo);
     } else {
-      const icon = type === "success" ? "\u2705" : "\u274C";
-      msg.textContent = `${icon} ${message}`;
+      const icon2 = type === "success" ? "\u2705" : "\u274C";
+      msg.textContent = `${icon2} ${message}`;
       const btnClose = document.createElement("button");
       btnClose.textContent = "Fechar";
       btnClose.style.cssText = `
@@ -154207,12 +156308,12 @@ var OnOffDeviceModalView = class {
       this.updateScheduleButton("\u{1F4C5}", "Agendamento");
     }
   }
-  updateScheduleButton(icon, label) {
+  updateScheduleButton(icon2, label) {
     const btn = this.scheduleButtonContainer?.querySelector(`.${ON_OFF_MODAL_CSS_PREFIX}__schedule-btn`);
     if (btn) {
       const iconEl = btn.querySelector("[data-icon]");
       const labelEl = btn.querySelector("[data-label]");
-      if (iconEl) iconEl.textContent = icon;
+      if (iconEl) iconEl.textContent = icon2;
       if (labelEl) labelEl.textContent = label;
     }
   }
@@ -159292,10 +161393,10 @@ function renderStep22(plan) {
   const customers = nonSkip.filter((a) => a.entityKind === "customer");
   const assets = nonSkip.filter((a) => a.entityKind === "asset");
   const devices = nonSkip.filter((a) => a.entityKind === "device");
-  function sectionHtml(icon, title, actions) {
+  function sectionHtml(icon2, title, actions) {
     if (actions.length === 0) return "";
     return `
-      <div class="gcdr-section-title">${icon} ${title} (${actions.length})</div>
+      <div class="gcdr-section-title">${icon2} ${title} (${actions.length})</div>
       <ul class="gcdr-action-list">
         ${actions.map((a) => `
           <li class="gcdr-action-item">
@@ -159986,9 +162087,9 @@ function formatDuration3(ms) {
   if (!ms) return "";
   const min = Math.round(ms / 6e4);
   if (min < 60) return `${min} min`;
-  const h2 = Math.floor(min / 60);
+  const h3 = Math.floor(min / 60);
   const rem = min % 60;
-  return rem > 0 ? `${h2}h ${rem}min` : `${h2}h`;
+  return rem > 0 ? `${h3}h ${rem}min` : `${h3}h`;
 }
 function renderDaysOfWeek(daysOfWeek) {
   if (!daysOfWeek) return "";
@@ -161120,9 +163221,9 @@ var ProvisioningApiClient = class {
           const newLogs = logs.filter((l) => l.id > lastLogId);
           for (const entry of newLogs) {
             const time = (entry.timestamp ?? "").split(" ")[1] ?? "";
-            const icon = STEP_ICONS[entry.step] ?? "\u{1F4CB}";
+            const icon2 = STEP_ICONS[entry.step] ?? "\u{1F4CB}";
             if (entry.level === "INFO" && !entry.message.includes("Progress updated to")) {
-              onLog(`${icon} [${time}] ${entry.message}`);
+              onLog(`${icon2} [${time}] ${entry.message}`);
             }
           }
           if (newLogs.length > 0) {
@@ -161245,22 +163346,22 @@ function drawFooter(doc, pageW, pageH, footerH, pageNo, pageCount) {
   doc.setTextColor(40);
   doc.text(label, bx + padX, baseline);
 }
-async function drawTag(doc, x, y, w, h2, device, gateway, allDevices) {
+async function drawTag(doc, x, y, w, h3, device, gateway, allDevices) {
   const FRAME_SCALE_Y = 1.05;
   const QR_SCALE = 1.7;
   const QR_SHIFT_Y = 3;
   const GAP_AFTER_QR = 6;
-  const frameH = h2 * FRAME_SCALE_Y;
-  const frameY = y - (frameH - h2) / 2;
+  const frameH = h3 * FRAME_SCALE_Y;
+  const frameY = y - (frameH - h3) / 2;
   doc.setDrawColor(235);
   doc.setLineWidth(0.15);
   doc.rect(x, frameY, w, frameH);
-  const pad = Math.max(2, h2 * 0.05);
+  const pad = Math.max(2, h3 * 0.05);
   const innerX = x + pad;
   const innerW = w - pad * 2;
-  const titleAreaH = h2 * 0.15;
+  const titleAreaH = h3 * 0.15;
   const qrAreaTop = y + titleAreaH;
-  const qrAreaH = h2 - titleAreaH - 12;
+  const qrAreaH = h3 - titleAreaH - 12;
   const displayName = generateDeviceNameWithPrefix(device, void 0, allDevices);
   const rawName = sanitizePdf(displayName);
   const nameFont = Math.max(6, Math.min(11, titleAreaH * 0.45));
@@ -165869,10 +167970,10 @@ ${this._renderToolbar(filteredCount, totalAllUnfiltered)}
     const collapseAllBtn = this.root.querySelector('[data-action="collapse-all"]');
     if (collapseAllBtn) collapseAllBtn.addEventListener("click", () => this._collapseAll());
     const groupHeaders = this.root.querySelectorAll("[data-group-toggle]");
-    groupHeaders.forEach((h2) => {
-      const key = h2.getAttribute("data-group-toggle") || "";
-      h2.addEventListener("click", () => this._toggleGroupCollapsed(key));
-      h2.addEventListener("keydown", (e) => {
+    groupHeaders.forEach((h3) => {
+      const key = h3.getAttribute("data-group-toggle") || "";
+      h3.addEventListener("click", () => this._toggleGroupCollapsed(key));
+      h3.addEventListener("keydown", (e) => {
         const ke = e;
         if (ke.key === "Enter" || ke.key === " ") {
           ke.preventDefault();
@@ -166404,7 +168505,7 @@ function validateDeviceProductCode(code) {
 
 // src/components/cards/central-status/v1.0.0/styles.ts
 var STYLE_ID16 = "myio-central-status-card-styles";
-var CSS4 = `
+var CSS5 = `
 .myio-cscard{
   --cscard-surface:#ffffff;
   --cscard-border:#e2e8f0;
@@ -166709,7 +168810,7 @@ function injectCentralStatusCardStyles() {
   if (document.getElementById(STYLE_ID16)) return;
   const tag = document.createElement("style");
   tag.id = STYLE_ID16;
-  tag.textContent = CSS4;
+  tag.textContent = CSS5;
   document.head.appendChild(tag);
 }
 
@@ -168312,6 +170413,9 @@ var version = package_default.version || "0.0.0";
   createModalHeader,
   createMoneyVarianceColumn,
   createMyIOTheme,
+  createMyioGcdrLoginSubmit,
+  createMyioGcdrLoginView,
+  createMyioGcdrShell,
   createNewTicketWizard,
   createOnOffDeviceModal,
   createOnOffTimelineChart,
@@ -168552,6 +170656,7 @@ var version = package_default.version || "0.0.0";
   isInRange,
   isLeapYear,
   isMoneyColumnConfident,
+  isMyioGcdrLoginModalOpen,
   isOnOffDeviceProfile,
   isSolenoidDevice,
   isStoreDevice,
@@ -168613,6 +170718,7 @@ var version = package_default.version || "0.0.0";
   openMeasurementSetupModal,
   openMessageDialog,
   openMetasGuide,
+  openMyioGcdrLoginModal,
   openOnOffDeviceModal,
   openOnboardModal,
   openOperationalComparisonModal,