.mais-cloud-performance {
                  --mcp-blue: #1a6fd4; --mcp-blue-dim: #0d2a4a; --mcp-bg: transparent; --mcp-bg3: #0d1e38;
                  --mcp-text: #e8f0fb; --mcp-muted: #5a80a8; --mcp-accent: #4eaaff; --mcp-green: #1adf88;
                  --mcp-yellow: #f7c948; --mcp-red: #ff4e6a; --mcp-border: #1a3050;
                  color: var(--mcp-text); font-family: 'Space Grotesk', 'Inter', sans-serif;
                  margin-top: 40px; margin-bottom: 40px; padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.1);
                }
                .mais-cloud-performance * { box-sizing: border-box; }
                .mais-cloud-performance .mcp-header { text-align: center; padding: 20px 24px 36px; position: relative; }
                .mais-cloud-performance .mcp-header::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 2px; background: var(--mcp-blue); border-radius: 2px; }
                .mais-cloud-performance .mcp-badge { display: inline-flex; align-items: center; gap: 6px; background: var(--mcp-blue-dim); border: 1px solid var(--mcp-blue); color: var(--mcp-accent); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 18px; }
                .mais-cloud-performance h2.mcp-title { font-size: clamp(26px,4vw,42px); font-weight: 800; line-height: 1.15; margin-bottom: 14px; color: #fff; }
                .mais-cloud-performance h2.mcp-title span { color: var(--mcp-accent); }
                .mais-cloud-performance .mcp-header p { color: var(--mcp-muted); font-size: 15px; max-width: 560px; margin: 0 auto; line-height: 1.7; }
                .mais-cloud-performance .mcp-scene { max-width: 960px; margin: 48px auto; padding: 0 20px; }
                .mais-cloud-performance .mcp-section-label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mcp-muted); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
                .mais-cloud-performance .mcp-section-label::after { content: ''; flex: 1; height: 1px; background: var(--mcp-border); }

                /* LATENCY */
                .mais-cloud-performance .lat-panel { background: var(--mcp-bg3); border: 1px solid var(--mcp-border); border-radius: 16px; overflow: hidden; margin-bottom: 32px; display: grid; grid-template-columns: 300px 1fr; }
                .mais-cloud-performance .lat-left { padding: 28px 24px; border-right: 1px solid var(--mcp-border); }
                .mais-cloud-performance .lat-header { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mcp-muted); margin-bottom: 4px; }
                .mais-cloud-performance .lat-route { font-size: 14px; font-weight: 600; color: var(--mcp-text); margin-bottom: 24px; display: flex; align-items: center; gap: 6px; }
                .mais-cloud-performance .live-dot { width: 10px; height: 10px; background: var(--mcp-accent); border-radius: 50%; animation: mcp-pdot 1.4s ease-in-out infinite; flex-shrink: 0; }
                @keyframes mcp-pdot { 0%, 100% { box-shadow: 0 0 0 0 rgba(78,170,255,.5) } 50% { box-shadow: 0 0 0 6px rgba(78,170,255,0) } }
                .mais-cloud-performance .lat-now-label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mcp-muted); margin-bottom: 4px; }
                .mais-cloud-performance .lat-value { font-size: 52px; font-weight: 800; color: var(--mcp-accent); line-height: 1; margin-bottom: 18px; transition: color .3s; }
                .mais-cloud-performance .lat-value span { font-size: 22px; font-weight: 500; color: var(--mcp-muted); }
                .mais-cloud-performance .lat-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
                .mais-cloud-performance .lat-stat label { display: block; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mcp-muted); margin-bottom: 2px; }
                .mais-cloud-performance .lat-stat span { font-size: 20px; font-weight: 700; color: var(--mcp-text); }
                .mais-cloud-performance .lat-quality { font-size: 12px; font-weight: 600; color: var(--mcp-green); background: rgba(26,223,136,.08); border: 1px solid rgba(26,223,136,.2); padding: 8px 12px; border-radius: 8px; }
                .mais-cloud-performance .lat-right { padding: 20px; position: relative; }
                .mais-cloud-performance .lat-live-badge { position: absolute; top: 16px; right: 16px; background: var(--mcp-blue); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .1em; padding: 3px 10px; border-radius: 6px; }

                /* STABILITY ROW */
                .mais-cloud-performance .stab-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; }
                .mais-cloud-performance .mcp-card { background: var(--mcp-bg3); border: 1px solid var(--mcp-border); border-radius: 16px; padding: 24px; min-width: 0; }
                .mais-cloud-performance .card-title { font-size: 17px; font-weight: 700; color: var(--mcp-text); margin-bottom: 4px; }
                .mais-cloud-performance .card-sub { font-size: 12px; color: var(--mcp-muted); line-height: 1.5; margin-bottom: 20px; }
                .mais-cloud-performance .card-sub b { color: var(--mcp-text); }
                .mais-cloud-performance .gauge-wrap { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; }
                .mais-cloud-performance .gauge-svg-wrap { position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%; }
                .mais-cloud-performance .gauge-big-val { font-size: 26px; font-weight: 800; color: #fff; text-align: center; margin-top: 4px; }
                .mais-cloud-performance .gauge-sub { font-size: 11px; color: var(--mcp-muted); text-align: center; }
                .mais-cloud-performance .sla-ticks { display: flex; justify-content: space-between; width: 100%; max-width: 240px; font-size: 9px; color: var(--mcp-muted); margin-top: -4px; padding: 0 4px; }

                /* RESPONSIVE CANVASES */
                .mais-cloud-performance canvas { max-width: 100%; height: auto !important; display: block; }

                .mais-cloud-performance .mcp-footer { text-align: center; padding: 16px 24px; color: var(--mcp-muted); font-size: 12px; }
                .mais-cloud-performance .mcp-footer span { color: var(--mcp-accent); }

                @media(max-width:860px){
                  .mais-cloud-performance .lat-panel { grid-template-columns: 1fr; }
                  .mais-cloud-performance .lat-left { border-right: none; border-bottom: 1px solid var(--mcp-border); }
                  .mais-cloud-performance .stab-row { grid-template-columns: 1fr; }
                }

#agente-fiscal-chat {
                --afc-bg: #04080f; --afc-bg2: #08121f; --afc-bg3: #0c1a2e;
                --afc-blue: #0056ff; --afc-blue-dim: #071b45;
                --afc-purple: #0056ff; --afc-purple-dim: #071b45;
                --afc-accent: #38d5ff; --afc-purple-light: #38d5ff;
                --afc-green: #38d5ff; --afc-muted: #4a6a8a; --afc-text: #e0ecff; --afc-border: #132030;
                font-family: 'Inter', sans-serif; color: var(--afc-text);
                width: 100%; max-width: none; margin: 0; position: relative;
              }
              #agente-fiscal-chat * { box-sizing: border-box; }

              #agente-fiscal-chat .badge {
                display: inline-flex; align-items: center; gap: 8px; background: var(--afc-purple-dim);
                border: 1px solid var(--afc-purple); color: var(--afc-purple-light); font-size: 11px; font-weight: 700;
                letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 16px;
              }
              #agente-fiscal-chat .badge-dot {
                width: 6px; height: 6px; background: var(--afc-purple-light); border-radius: 50%; animation: afc-blink 1.4s infinite;
              }
              @keyframes afc-blink { 0%,100%{opacity:1}50%{opacity:0.2} }

              #agente-fiscal-chat .title {
                font-family: 'Syne', sans-serif; font-size: clamp(22px, 4vw, 32px); font-weight: 800; line-height: 1.2; color: #fff; margin-bottom: 8px;
              }
              #agente-fiscal-chat .title em { font-style: normal; color: var(--afc-purple-light); }
              #agente-fiscal-chat .subtitle {
                font-size: 13px; color: #b0c4de; line-height: 1.6; margin-bottom: 28px;
              }

              #agente-fiscal-chat .chat-window {
                background: rgba(8, 18, 31, 0.95); backdrop-filter: blur(10px);
                border: 1px solid var(--afc-border); border-radius: 14px; overflow: hidden;
                box-shadow: 0 10px 40px rgba(0,0,0,0.5);
              }
              #agente-fiscal-chat .chat-header {
                background: rgba(12, 26, 46, 0.95); padding: 12px 18px; border-bottom: 1px solid var(--afc-border);
                display: flex; align-items: center; gap: 10px;
              }
              #agente-fiscal-chat .chat-avatar {
                width: 32px; height: 32px; background: var(--afc-purple-dim); border: 1px solid var(--afc-purple); border-radius: 9px;
                display: flex; align-items: center; justify-content: center; flex-shrink: 0;
              }
              #agente-fiscal-chat .chat-avatar svg { width: 17px; height: 17px; color: var(--afc-purple-light); }
              #agente-fiscal-chat .chat-name { font-size: 13px; font-weight: 700; color: var(--afc-text); }
              #agente-fiscal-chat .chat-online { font-size: 10px; color: var(--afc-green); display: flex; align-items: center; gap: 4px; }
              #agente-fiscal-chat .chat-online::before { content: ''; width: 5px; height: 5px; background: var(--afc-green); border-radius: 50%; display: inline-block; }

              #agente-fiscal-chat .chat-body { padding: 18px; height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; scroll-behavior: smooth; }
              #agente-fiscal-chat .chat-body::-webkit-scrollbar { width: 4px; }
              #agente-fiscal-chat .chat-body::-webkit-scrollbar-thumb { background: var(--afc-border); border-radius: 4px; }

              #agente-fiscal-chat .msg { display: flex; gap: 10px; opacity: 0; transform: translateY(8px); transition: opacity 0.4s, transform 0.4s; max-width: 92%; }
              #agente-fiscal-chat .msg.show { opacity: 1; transform: translateY(0); }
              #agente-fiscal-chat .msg.user { align-self: flex-end; flex-direction: row-reverse; }
              #agente-fiscal-chat .msg-bubble { padding: 10px 14px; border-radius: 12px; font-size: 12px; line-height: 1.55; }
              #agente-fiscal-chat .msg.agent .msg-bubble { background: rgba(12, 26, 46, 0.8); border: 1px solid var(--afc-border); color: var(--afc-text); border-radius: 4px 12px 12px 12px; }
              #agente-fiscal-chat .msg.user .msg-bubble { background: var(--afc-blue-dim); border: 1px solid var(--afc-blue); color: var(--afc-accent); border-radius: 12px 4px 12px 12px; }
              #agente-fiscal-chat .msg-orb { width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; }
              #agente-fiscal-chat .msg.agent .msg-orb { background: var(--afc-purple-dim); color: var(--afc-purple-light); }
              #agente-fiscal-chat .msg.user .msg-orb { background: var(--afc-blue-dim); color: var(--afc-accent); }

              #agente-fiscal-chat .typing { display: flex; gap: 4px; align-items: center; padding: 10px 14px; background: rgba(12, 26, 46, 0.8); border: 1px solid var(--afc-border); border-radius: 4px 12px 12px 12px; width: fit-content; opacity: 0; transition: opacity 0.3s; }
              #agente-fiscal-chat .typing.show { opacity: 1; }
              #agente-fiscal-chat .typing-dot { width: 6px; height: 6px; background: var(--afc-muted); border-radius: 50%; animation: afc-tdot 1.2s infinite; }
              #agente-fiscal-chat .typing-dot:nth-child(2) { animation-delay: 0.2s; }
              #agente-fiscal-chat .typing-dot:nth-child(3) { animation-delay: 0.4s; }
              @keyframes afc-tdot { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-5px)} }

#agente-logistico-chat {
                  --alc-bg: #071019; --alc-bg2: #0b1826; --alc-bg3: #102338;
                  --alc-blue: #0056ff; --alc-blue-dim: #071b45;
                  --alc-orange: #0056ff; --alc-orange-dim: #071b45;
                  --alc-accent: #38d5ff; --alc-green: #38d5ff; --alc-muted: #58708e;
                  --alc-text: #e6f0ff; --alc-border: #162637;
                  font-family: 'Inter', sans-serif; color: var(--alc-text);
                  width: 100%; max-width: none; margin: 0; position: relative;
                }
                #agente-logistico-chat * { box-sizing: border-box; }

                #agente-logistico-chat .badge {
                  display: inline-flex; align-items: center; gap: 8px; background: var(--alc-orange-dim);
                  border: 1px solid var(--alc-orange); color: var(--alc-accent); font-size: 11px; font-weight: 700;
                  letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 16px;
                }
                #agente-logistico-chat .badge-dot {
                  width: 6px; height: 6px; background: var(--alc-accent); border-radius: 50%; animation: alc-blink 1.4s infinite;
                }
                @keyframes alc-blink { 0%,100%{opacity:1}50%{opacity:0.2} }

                #agente-logistico-chat .title {
                  font-family: 'Syne', sans-serif; font-size: clamp(22px, 4vw, 32px); font-weight: 800; line-height: 1.2; color: #fff; margin-bottom: 8px;
                }
                #agente-logistico-chat .title em { font-style: normal; color: var(--alc-accent); }
                #agente-logistico-chat .subtitle {
                  font-size: 13px; color: #b9cbe0; line-height: 1.6; margin-bottom: 28px;
                }

                #agente-logistico-chat .chat-window {
                  background: rgba(11, 24, 38, 0.95); backdrop-filter: blur(10px);
                  border: 1px solid var(--alc-border); border-radius: 14px; overflow: hidden;
                  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
                }
                #agente-logistico-chat .chat-header {
                  background: rgba(16, 35, 56, 0.95); padding: 12px 18px; border-bottom: 1px solid var(--alc-border);
                  display: flex; align-items: center; gap: 10px;
                }
                #agente-logistico-chat .chat-avatar {
                  width: 32px; height: 32px; background: var(--alc-orange-dim); border: 1px solid var(--alc-orange); border-radius: 9px;
                  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
                }
                #agente-logistico-chat .chat-avatar svg { width: 17px; height: 17px; color: var(--alc-accent); }
                #agente-logistico-chat .chat-name { font-size: 13px; font-weight: 700; color: var(--alc-text); }
                #agente-logistico-chat .chat-online { font-size: 10px; color: var(--alc-green); display: flex; align-items: center; gap: 4px; }
                #agente-logistico-chat .chat-online::before { content: ''; width: 5px; height: 5px; background: var(--alc-green); border-radius: 50%; display: inline-block; }

                #agente-logistico-chat .chat-body { padding: 18px; height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; scroll-behavior: smooth; }
                #agente-logistico-chat .chat-body::-webkit-scrollbar { width: 4px; }
                #agente-logistico-chat .chat-body::-webkit-scrollbar-thumb { background: var(--alc-border); border-radius: 4px; }

                #agente-logistico-chat .msg { display: flex; gap: 10px; opacity: 0; transform: translateY(8px); transition: opacity 0.4s, transform 0.4s; max-width: 92%; }
                #agente-logistico-chat .msg.show { opacity: 1; transform: translateY(0); }
                #agente-logistico-chat .msg.user { align-self: flex-end; flex-direction: row-reverse; }
                #agente-logistico-chat .msg-bubble { padding: 10px 14px; border-radius: 12px; font-size: 12px; line-height: 1.55; }
                #agente-logistico-chat .msg.agent .msg-bubble { background: rgba(16, 35, 56, 0.82); border: 1px solid var(--alc-border); color: var(--alc-text); border-radius: 4px 12px 12px 12px; }
                #agente-logistico-chat .msg.user .msg-bubble { background: var(--alc-blue-dim); border: 1px solid var(--alc-blue); color: #8dc6ff; border-radius: 12px 4px 12px 12px; }
                #agente-logistico-chat .msg-orb { width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; }
                #agente-logistico-chat .msg.agent .msg-orb { background: var(--alc-orange-dim); color: var(--alc-accent); }
                #agente-logistico-chat .msg.user .msg-orb { background: var(--alc-blue-dim); color: #8dc6ff; }

                #agente-logistico-chat .typing { display: flex; gap: 4px; align-items: center; padding: 10px 14px; background: rgba(16, 35, 56, 0.82); border: 1px solid var(--alc-border); border-radius: 4px 12px 12px 12px; width: fit-content; opacity: 0; transition: opacity 0.3s; }
                #agente-logistico-chat .typing.show { opacity: 1; }
                #agente-logistico-chat .typing-dot { width: 6px; height: 6px; background: var(--alc-muted); border-radius: 50%; animation: alc-tdot 1.2s infinite; }
                #agente-logistico-chat .typing-dot:nth-child(2) { animation-delay: 0.2s; }
                #agente-logistico-chat .typing-dot:nth-child(3) { animation-delay: 0.4s; }
                @keyframes alc-tdot { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-5px)} }