html,body,#root{min-width:320px;min-height:100%;margin:0}body{color:#1f2937;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fa;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app{background:#f5f7fa;min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #dfe3e8;padding:24px 32px 0}.header-content{justify-content:space-between;align-items:center;display:flex}.header-content h1{color:#111827;margin:0;font-size:28px;font-weight:700}.header-content p{color:#6b7280;margin:6px 0 0;font-size:14px}.app-main{width:100%;max-width:1400px;margin:0 auto;padding:32px}.main-menu{gap:8px;margin-top:24px;display:flex}.menu-item{appearance:none;cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 18px;font-size:14px;font-weight:600;transition:color .2s,border-color .2s}.menu-item:hover{color:#111827}.menu-item.active{color:#111827;border-bottom-color:#111827}.panel{background:#fff;border:1px solid #dfe3e8;border-radius:10px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000000a}.panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.panel-header h2{color:#111827;margin:0;font-size:20px}.panel-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.domain-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.domain-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:18px;transition:border-color .2s,background-color .2s,transform .2s}.domain-card:hover{border-color:#9ca3af;transform:translateY(-1px)}.domain-card.selected{background:#f9fafb;border-color:#111827}.domain-card-title{color:#111827;margin-bottom:8px;font-size:16px;font-weight:700}.domain-card-description{color:#6b7280;margin-bottom:14px;font-size:13px;line-height:1.5}.domain-card-endpoint{color:#374151;word-break:break-all;background:#f3f4f6;border-radius:4px;padding:8px;font-family:monospace;font-size:12px}.selected-domain{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:20px;display:flex}.selected-domain>div{flex-direction:column;gap:5px;display:flex}.label{text-transform:uppercase;color:#6b7280;font-size:12px;font-weight:600}.execute-button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;min-width:160px;padding:11px 20px;font-weight:600}.execute-button:hover:not(:disabled){background:#374151}.execute-button:disabled{opacity:.55;cursor:not-allowed}.request-summary{grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.summary-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;flex-direction:column;gap:6px;padding:14px;display:flex}.summary-label{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:700}.summary-item strong{color:#111827;word-break:break-word;font-size:14px}.response-container{border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.response-title{color:#374151;background:#f3f4f6;border-bottom:1px solid #d1d5db;padding:10px 14px;font-size:12px;font-weight:700}.response-json{color:#e5e7eb;background:#111827;min-height:150px;margin:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.empty-result,.loading-result{text-align:center;color:#6b7280;background:#fafafa;border:1px dashed #d1d5db;border-radius:7px;padding:36px}.loading-result{font-weight:600}.error-box{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:7px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.error-box strong{font-size:14px}.error-box span{font-size:13px}.flow-title-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.flow-title-row h2{margin:0}.flow-total-time{color:#dc2626;background:#fff1f2;border:1px solid #fecaca;border-radius:7px;padding:6px 11px;font-size:15px;font-weight:800}.flow-container{justify-content:center;align-items:center;gap:18px;padding:26px 0 18px;display:flex;overflow-x:auto}.flow-node{text-align:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:210px;min-width:190px;min-height:135px;padding:18px;display:flex}.flow-node-type{text-transform:uppercase;color:#64748b;margin-bottom:10px;font-size:11px;font-weight:700}.flow-node strong{color:#111827;font-size:15px;line-height:1.35}.flow-node-time{color:#dc2626;text-align:center;border-top:1px solid #d8dee8;width:100%;margin-top:14px;padding-top:10px;font-size:16px;font-weight:800}.flow-node-interno{background:#fff7ed;border-color:#fed7aa}.flow-node-interno .flow-node-type{color:#9a3412}.flow-arrow{color:#94a3b8;flex-shrink:0;font-size:26px}.digital-page{width:100%}.digital-area{background:#6f0000;border:5px solid #6f0000;border-radius:8px;width:100%;min-height:180px;overflow:hidden}.digital-area-header{color:#fff;text-align:center;letter-spacing:1.2px;background:#6f0000;padding:16px 20px;font-size:21px;font-weight:800}.digital-menu{background:#6f0000;justify-content:center;align-items:center;gap:12px;padding:10px 20px 18px;display:flex}.digital-menu-item{color:#fff;cursor:pointer;background:0 0;border:1px solid #fffc;border-radius:8px;min-width:120px;padding:11px 26px;font-size:14px;font-weight:700;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.digital-menu-item:hover{background:#ffffff1f;transform:translateY(-1px)}.digital-menu-item.active{color:#6f0000;background:#fff;box-shadow:0 4px 10px #00000026}.digital-content{background:#6f0000;width:100%;padding:20px}.bare-page{background:#fff;border-radius:10px;width:100%;min-height:560px;padding:32px;box-shadow:0 3px 12px #0f172a14}.bare-title{color:#0f2f57;letter-spacing:1.2px;text-align:center;margin:0 0 24px;font-size:32px;font-weight:800}.bare-menu{justify-content:center;align-items:center;gap:14px;margin-bottom:28px;padding:8px;display:flex}.bare-menu-item{color:#334155;cursor:pointer;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1;border-radius:10px;min-width:110px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;box-shadow:0 2px 5px #0f172a14,0 1px 2px #0f172a0d}.bare-menu-item:hover{color:#0f2f57;border-color:#64748b;transform:translateY(-2px);box-shadow:0 6px 12px #0f172a1f,0 2px 4px #0f172a14}.bare-menu-item:active{transform:translateY(0)}.bare-menu-item.active{color:#fff;background:linear-gradient(#163d6b 0%,#0f2f57 100%);border-color:#0f2f57;box-shadow:0 5px 12px #0f2f5740}.bare-content{width:100%}.mf-page{background:#fff;border-radius:8px;width:100%;padding:8px}.microfrontends-container{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;width:100%;padding:10px;display:flex}.microfrontend-slot{background:#fff;border:2px dashed #a1a1aa;border-radius:10px;flex-direction:column;width:100%;max-width:none;min-height:0;padding:8px;display:flex;overflow:hidden}.microfrontend-title{display:none}.microfrontend-mount{background:#fff;width:100%;min-width:0;max-width:100%;min-height:0;display:block;overflow:hidden}.microfrontend-mount>*{box-sizing:border-box;width:100%;max-width:100%}.microfrontend-frame,.microfrontend-mount iframe{background:#fff;border:0;width:100%;max-width:100%;height:245px;min-height:0;display:block}.microfrontend-mount img{max-width:100%;height:auto}.microfrontend-mount table{max-width:100%}.microfrontend-mount:empty{justify-content:center;align-items:center;min-height:120px;display:flex}.microfrontend-mount:empty:before{content:"Área reservada para renderização";color:#9ca3af;text-align:center;font-size:13px;font-style:italic}.microfrontend-footer{justify-content:center;width:100%;padding:0 10px 10px;display:flex}.microfrontend-footer-slot{background:#fff;border:2px dashed #a1a1aa;border-radius:10px;flex-direction:column;width:100%;max-width:none;min-height:0;padding:8px;display:flex;overflow:hidden}.microfrontend-mount-footer{min-height:120px}@media (width<=1200px){.flow-container{justify-content:flex-start}}@media (width<=1000px){.domain-grid,.request-summary{grid-template-columns:1fr}.microfrontends-container{gap:12px;padding:8px}.microfrontend-slot{width:100%;max-width:none;min-height:0}.microfrontend-mount{min-height:0}.microfrontend-frame,.microfrontend-mount iframe{height:235px;min-height:0}.microfrontend-footer{padding:0 8px 8px}.microfrontend-footer-slot{max-width:none;min-height:0}}@media (width<=768px){.app-header{padding:20px 18px 0}.app-main{padding:20px 14px}.panel{padding:18px}.selected-domain{flex-direction:column;align-items:stretch}.execute-button{width:100%}.flow-title-row{flex-direction:column;align-items:flex-start;gap:8px}.flow-container{justify-content:flex-start}.flow-node{width:180px;min-width:180px}.digital-area-header{font-size:19px}.digital-content{padding:12px}.digital-menu{padding:8px 10px 14px}.digital-menu-item{min-width:100px;padding:9px 18px}.bare-page{min-height:450px;padding:22px 14px}.bare-title{margin-bottom:18px;font-size:27px}.bare-menu{flex-wrap:wrap;gap:10px;margin-bottom:20px}.bare-menu-item{min-width:95px;padding:10px 18px}.mf-page{padding:2px}.microfrontends-container{gap:10px;padding:4px 0}.microfrontend-slot{min-height:0;padding:6px}.microfrontend-mount{min-height:0}.microfrontend-frame,.microfrontend-mount iframe{height:225px;min-height:0}.microfrontend-footer{padding:0 0 8px}.microfrontend-footer-slot{min-height:0;padding:6px}}