/* UMNOO Noem v2.7.0 | Consolidated cascade in original order. */ /* consolidated: estilo.css */ @charset "UTF-8"; :root{--green:#004536;--green2:#0c6854;--gold:#dcaa00;--ink:#19332c;--muted:#536962;--wash:#f5f8f6;--white:#fff;--line:#dbe7e2;--soft:#e6f2ec;--shadow:0 14px 48px #143b2a13} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--wash);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #edb800;outline-offset:3px}a{color:var(--green2)}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.top{background:var(--white);border-bottom:1px solid var(--line)}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:94px}.logo{width:260px;max-width:45vw;height:auto;display:block}.topright{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.version{background:#eff5ef;border:1px solid #d0dfd8;color:var(--green);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:750}.topright a{font-size:13px;font-weight:650;text-decoration:none}.hero{padding:62px 0 40px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green2);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.dot{width:8px;height:8px;background:var(--gold);border-radius:50%}h1{font-size:clamp(37px,5.4vw,66px);line-height:1.07;letter-spacing:-.06em;margin:16px 0 19px;max-width:860px;font-weight:780}h1 em{font-style:normal;color:var(--green2)}.lead{font-size:18px;color:var(--muted);max-width:700px;line-height:1.65;margin:0}.small{font-size:13px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;margin-bottom:28px}.panel{background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.panelhead{padding:22px 24px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panelhead h2{font-size:19px;letter-spacing:-.03em;margin:0}.panelhead p{margin:6px 0 0;color:var(--muted);font-size:13px}.iconbadge{background:#eef5f0;color:var(--green);padding:9px;border-radius:12px}.conversation{height:355px;overflow-y:auto;padding:23px 24px;background:linear-gradient(180deg,#fff,#fbfdfb)}.bubble{max-width:91%;border-radius:16px;padding:13px 16px;margin:0 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.umnoo{background:#e9f3ec;color:#214a39;border-top-left-radius:4px}.bubble.user{background:var(--green);color:#fff;margin-left:auto;border-top-right-radius:4px}.who{font-size:11px;font-weight:800;display:block;letter-spacing:.02em;margin-bottom:5px;opacity:.8}.compose{padding:0 24px 20px}.compose label{font-size:13px;font-weight:700;display:block;margin-bottom:10px}.compose textarea{border:1px solid #afc9bd;background:#fff;border-radius:13px;padding:13px 15px;min-height:93px;max-height:320px;resize:vertical;width:100%;color:var(--ink)}.compose textarea::placeholder{color:#73867d}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.btn{border-radius:12px;border:1px solid var(--green);background:var(--green);color:#fff;padding:11px 16px;font-weight:740;font-size:13px}.btn:hover{background:var(--green2)}.btn.secondary{color:var(--green);background:#fff;border-color:#a7c3b6}.btn.secondary:hover{background:var(--soft)}.btn.quiet{border-color:transparent;background:transparent;color:var(--green2)}.right{display:flex;flex-direction:column}.outarea{padding:24px;flex:1;min-height:260px}.empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:240px;color:var(--muted)}.empty h3{color:var(--ink);font-size:20px;letter-spacing:-.025em;margin:12px 0 3px}.empty p{margin:0;max-width:350px;font-size:14px}.outputtitle{font-size:17px;margin:0 0 7px}.outcome{display:inline-block;background:#e9f4ee;color:var(--green);border-radius:100px;padding:4px 10px;font-size:11px;font-weight:800;margin-bottom:12px}.promptbox{border:1px solid #d5e5da;background:#f8fbf9;white-space:pre-wrap;overflow-wrap:anywhere;max-height:390px;overflow:auto;border-radius:13px;padding:15px;font-size:13px;color:#254035;line-height:1.64}.toolrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.evidence{border-top:1px solid var(--line);background:#fbfcfb;padding:16px 24px 21px}.evidence h3{font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:12px;background:#eef4ee;border:1px solid #dae9de;border-radius:999px;padding:5px 9px;color:#335a47}.examples{margin:26px 0 52px}.examples h2{font-size:16px;margin:0 0 12px}.examples .row{margin:0}.examples button{background:#fff;border:1px solid #d2e2d9;border-radius:99px;padding:10px 14px;color:var(--green);font-size:13px;font-weight:600}.examples button:hover{background:var(--soft)}.architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0 36px}.feature{background:#fff;border-radius:16px;border:1px solid var(--line);padding:20px}.feature strong{display:block;margin-bottom:4px;font-size:14px}.feature p{margin:0;font-size:13px;color:var(--muted)}.priv{background:#eef4ef;padding:24px;border-radius:16px;margin:18px 0 56px;font-size:13px;color:#3b5c4b;line-height:1.7}.priv h2{margin:0 0 7px;color:var(--green);font-size:17px}.priv p{margin:4px 0 10px}.memory{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.memory input{margin-top:4px;accent-color:var(--green)}.footer{border-top:1px solid var(--line);padding:25px 0 36px;color:var(--muted);font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}#status{min-height:20px}#saida{min-height:185px}#aviso{font-size:14px;white-space:pre-wrap}.hidden,[hidden]{display:none!important}.muted{color:var(--muted)}.subtle{font-size:12px;color:var(--muted)} @media(max-width:840px){.workspace{grid-template-columns:1fr}.architecture{grid-template-columns:repeat(2,1fr)}.conversation{height:260px}.hero{padding-top:42px}.top .wrap{min-height:78px}.logo{width:210px}}@media(max-width:480px){.wrap{padding:0 14px}.topright a{display:none}.logo{width:175px}.hero{padding-top:30px}.lead{font-size:16px}.panelhead,.outarea,.compose,.evidence{padding-left:15px;padding-right:15px}.conversation{padding:16px}.architecture{grid-template-columns:1fr 1fr}.feature{padding:14px}.hero h1{letter-spacing:-.035em}.btn{padding:11px 12px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important}} /* UMNOO v0.2 — hierarquia e privacidade discreta */ .top .wrap{min-height:80px}.logo{width:226px}.topright{gap:17px} .navlink,.text-link{background:none;border:0;color:var(--green2);font-size:13px;font-weight:700;padding:6px 0;text-decoration:none;cursor:pointer} .navlink:hover,.text-link:hover{text-decoration:underline} .hero{padding:44px 0 34px}h1{font-size:clamp(37px,5vw,61px)}.lead{font-size:17px} .conversation{height:298px;background:#fff}.compose{padding-top:4px} .btn.primary-action{background:var(--green);border-color:var(--green);color:white;box-shadow:0 3px 0 #00271f} .btn.primary-action:hover{background:#00604b}.btn.tertiary{border-color:transparent;background:transparent;color:var(--green2);font-weight:650;box-shadow:none} .btn.tertiary:hover{background:var(--soft);text-decoration:underline} .btn#copiar{font-size:14px;padding:12px 17px;background:var(--green);color:white} .btn#copiar.copied{background:#e5f4ec;color:#07513c;border-color:#8ac8aa;box-shadow:none} .inline-examples{margin:12px 0 8px}.inline-examples>p{font-size:12px;color:var(--muted);font-weight:700;margin:0 0 7px} .inline-examples .row{display:flex;gap:7px;margin:0;align-items:flex-start} .inline-examples button{padding:6px 9px;font-size:11px;font-weight:650;border:1px solid #cfded7;color:var(--green);background:#f9fcfa;border-radius:25px} .inline-examples button:hover{background:var(--soft)} .outarea{min-height:260px}.empty img{opacity:.78}.empty h3{margin-top:8px} .evidence.theme-details{flex:0 0 auto;border-top:1px solid var(--line);background:#fafcfa;padding:0 22px 0} .theme-details summary{font-size:12px;color:var(--muted);padding:13px 0;cursor:pointer;font-weight:650} .theme-details[open]{padding-bottom:15px}.theme-details .chips{padding:3px 0 5px} .tech-internal{position:absolute!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;width:1px!important;height:1px!important} .privacy-controls{background:#eef4ef;border-radius:16px;padding:17px 22px;margin:12px 0 40px;font-size:13px;color:#3b5c4b;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px} .privacy-heading{flex:1 1 240px}.privacy-heading strong{display:block;color:var(--green);font-size:14px}.privacy-heading p{margin:3px 0 0;color:var(--muted);font-size:12px} .privacy-controls .memory{display:flex;align-items:center;gap:8px;margin:0;flex:1 1 230px;cursor:pointer} .privacy-controls .memory input{accent-color:var(--green);width:16px;height:16px;margin:0} .privacy-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .privacy-actions .btn{font-size:12px;padding:7px 10px} .privacy-dialog{border:1px solid var(--line);border-radius:20px;color:var(--ink);background:#fff;width:min(94vw,570px);max-height:min(86vh,760px);padding:0;box-shadow:0 24px 90px #001f1980} .privacy-dialog::backdrop{background:#00241d99;backdrop-filter:blur(2px)} .dialog-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px} .dialog-head h2{font-size:20px;letter-spacing:-.025em;margin:0}.dialog-close{background:#eef4ef;border:0;border-radius:9px;color:var(--green);font-size:23px;line-height:1;padding:5px 11px} .dialog-body{padding:16px 24px 7px;line-height:1.65;font-size:14px;color:#345248;overflow-y:auto} .dialog-body p{margin:0 0 14px}.dialog-foot{padding:13px 24px 20px;display:flex;justify-content:flex-end} @media(max-width:840px){.conversation{height:256px}.logo{width:206px}} @media(max-width:480px){.hero{padding-top:25px}.lead{font-size:15px}.top .wrap{min-height:70px}.topright .version{font-size:10px;padding:5px 7px}.logo{width:172px;max-width:55vw}.workspace{gap:15px}.inline-examples .row{gap:6px}.inline-examples button{font-size:11px;padding:6px 8px}.panelhead{padding-top:16px}.outarea{padding-top:14px}.privacy-controls{padding:16px;gap:11px}.dialog-head,.dialog-body,.dialog-foot{padding-left:18px;padding-right:18px}} /* v0.3: ação de refinamento permanece discreta; status acessível. */ #ajustar{white-space:nowrap}#status{overflow-wrap:anywhere} /* UMNOO v0.4 — marca oficial composta, sem alterar a lanterna, e workspace equilibrado */ .top .wrap{min-height:82px} .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap;line-height:1;min-height:65px} .brand-icon{height:59px;width:auto;display:block;object-fit:contain;flex:0 0 auto} .brand-word{font-family:'Trebuchet MS','Arial Rounded MT Bold','Segoe UI',system-ui,sans-serif;font-weight:800;font-size:33px;letter-spacing:-.056em;display:inline-block;line-height:1} .brand-soph{color:#004536}.brand-ia{color:#dda900} .workspace{grid-auto-rows:1fr;align-items:stretch} .workspace>.panel{display:flex;flex-direction:column;height:100%} .workspace .conversation{height:auto;min-height:270px;flex:1 1 280px;overflow-y:auto} .workspace .compose{margin-top:auto} .workspace .right .outarea{display:flex;flex-direction:column;min-height:300px;flex:1 1 auto} .workspace .right #saida-pronto{width:100%} .workspace .right #saida-vazio{flex:1;justify-content:center} .inline-examples .row{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:7px;padding:0 0 8px;margin-top:0;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} .inline-examples .row::-webkit-scrollbar{display:none} .inline-examples button{flex:0 0 auto;white-space:nowrap} .btn.primary-action:disabled{opacity:.7;cursor:progress;box-shadow:none} .btn.primary-action.working::before{content:'';display:inline-block;vertical-align:-2px;width:12px;height:12px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;margin-right:8px;animation:umnoo-spin .75s linear infinite} @keyframes umnoo-spin{to{transform:rotate(360deg)}} .btn#copiar{font-size:13px;white-space:normal;line-height:1.3} @media(max-width:840px){.workspace{grid-auto-rows:auto}.workspace>.panel{height:auto}.workspace .conversation{height:260px;min-height:260px;flex:0 0 260px}} @media(max-width:480px){.brand{gap:7px;min-height:50px}.brand-icon{height:46px}.brand-word{font-size:25px;letter-spacing:-.05em}.top .wrap{min-height:66px}.workspace .right .outarea{min-height:240px}} @media(prefers-reduced-motion:reduce){.btn.primary-action.working::before{animation:none}} /* UMNOO v0.5: transparência sem jargão nem notas de qualidade fictícias. */ .conferencia{border:1px solid var(--line);border-radius:12px;margin-top:14px;background:#fcfefc;padding:0 13px;color:var(--muted)} .conferencia summary{cursor:pointer;font-size:12px;padding:10px 0;font-weight:700;color:var(--green)} .conferencia ul{list-style:none;margin:0;padding:0 0 6px;display:grid;gap:5px} .conferencia li{font-size:12px;color:#265943}.conferencia li.check-pendente{color:#885926} .conferencia p{font-size:11px;line-height:1.5;margin:5px 0 12px;color:#60776d} /* UMNOO v0.6 — lanterna original, duas faces da mesma linguagem tipográfica. */ .brand{gap:9px;align-items:center} .brand-icon{height:66px;width:auto;max-width:50px;object-fit:contain} .brand-word{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;font-weight:800;font-size:35px;letter-spacing:-.065em;white-space:nowrap;display:inline-flex;align-items:baseline} .brand-soph{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-weight:800;letter-spacing:-.075em;color:#003f32} .brand-ia{font-family:'Arial Black','Segoe UI',Arial,sans-serif;font-weight:900;color:#e8ad36;letter-spacing:-.075em;display:inline-flex;align-items:baseline} .brand-a{display:inline-block;position:relative;line-height:1} .brand-star{position:absolute;color:#ffffff;font-family:Arial,sans-serif;font-size:.40em;line-height:1;left:52%;top:48%;transform:translate(-50%,-50%);pointer-events:none;text-shadow:0 0 0 #fff} .tool-choice{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:6px 0 12px;color:var(--muted);font-size:12px} .tool-choice label{font-weight:650} .tool-choice select{background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--green);font-weight:700;padding:7px 24px 7px 9px;max-width:195px;min-width:110px;font-size:12px} .tool-choice select:focus-visible{outline:2px solid #c59b37;outline-offset:3px} @media(max-width:480px){.brand-icon{height:48px}.brand-word{font-size:26px}.brand{gap:6px}.tool-choice{flex-wrap:wrap;gap:5px}.tool-choice select{flex:1}} /* UMNOO v0.6.1 — contribuição voluntária não intrusiva */ .mentor-details{margin:18px 0 32px;border:1px solid #dce8e2;background:#f6faf7;border-radius:14px;padding:15px 18px;line-height:1.55} .mentor-details summary{font-weight:750;cursor:pointer;color:#004536} .mentor-details .small{font-size:.84rem;color:#546a60} .mentor-details .privacy-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0} .mentor-details .memory{display:flex;gap:10px;align-items:flex-start} .mentor-feedback{border-top:1px solid #e5ede8;padding:12px 18px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.9rem} .mentor-feedback[hidden]{display:none!important} @media(max-width:650px){.mentor-details{margin:12px 0 22px}.mentor-feedback{padding:10px 12px}} /* v0.7.0 — identidade aprovada: lanterna+wordmark como peça única, sem sombra ou efeito, baseline preservada. */ .brand-logo{display:block;width:210px;height:auto;object-fit:contain;max-width:min(48vw,210px)} .brand{min-height:65px;line-height:1} @media(max-width:480px){.brand-logo{width:160px;max-width:50vw}.brand{min-height:55px}} /* v0.9 — feedback opcional, acessível e sem envio automático */ .mentor-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem} .mentor-feedback[hidden]{display:none} .mentor-feedback-actions{display:flex;flex-wrap:wrap;gap:.4rem} .mentor-correction-label{flex:1 1 100%;font-size:.84rem;font-weight:600} #mentor-correcao{width:100%;min-height:3.8rem;box-sizing:border-box;resize:vertical;max-height:9rem;border:1px solid #a7bdb4;border-radius:.7rem;padding:.65rem;background:#fff;color:#123b30;font:inherit;font-size:.9rem} #mentor-correcao:focus-visible{outline:2px solid #b48c3e;outline-offset:2px} /* v1.0.1 — início visível do resultado após preparar prompt em telas empilhadas. */ #resultado{scroll-margin-top:14px} /* UMNOO v1.1.1 — seletor nativo compacto e acessível em qualquer tela. */ .tool-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;border:0;padding:0;margin:13px 0 10px;min-width:0} .tool-choice label{display:block;color:var(--ink);font-size:13px;font-weight:750} .tool-choice select{display:block;width:100%;max-width:none;min-width:0;min-height:46px;flex:none;padding:10px 13px;border:1px solid #acc9ba;border-radius:12px;background:#fff;color:var(--green);font-size:14px;font-weight:700;line-height:1.35;cursor:pointer} .tool-choice select:focus-visible{outline:3px solid #edb800;outline-offset:3px} .action-row{margin-top:10px} .action-row #enviar{min-height:46px} .footer{margin-top:18px;background:#edf4ef;padding:22px 0 26px} .footer .wrap{display:block} .footer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .footer-heading strong{color:var(--green);font-weight:800;font-size:16px} .footer-privacy,.footer .mentor-details{background:#fff;border:1px solid #d8e5dc;border-radius:13px;margin:0 0 10px;padding:0 14px;color:var(--ink)} .footer-privacy>summary,.footer .mentor-details>summary{padding:15px 2px;cursor:pointer;font-size:13px;font-weight:750;color:var(--green)} .footer-privacy[open],.footer .mentor-details[open]{padding-bottom:14px} .footer .privacy-controls{margin:0;border-top:1px solid var(--line);background:transparent;padding:15px 2px 0;gap:14px;font-size:13px} .footer .privacy-heading{flex:1 1 100%} .footer .privacy-heading strong{font-size:13px} .footer .privacy-heading p{font-size:12px} .footer .privacy-controls .memory{flex:1 1 100%} .footer .mentor-details p{font-size:12px;color:var(--muted)} .footer-meta{border-top:1px solid #cbdcd2;padding-top:16px;margin-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;color:#557066;font-size:11px} @media(max-width:840px){ .top .wrap{min-height:70px} .workspace{gap:18px} .workspace>.panel{border-radius:19px} .workspace .conversation{height:210px;min-height:210px;flex:0 0 210px} .workspace{margin-bottom:36px} .hero{padding:33px 0 28px} .lead{max-width:680px} } @media(max-width:480px){ .wrap{padding-left:16px;padding-right:16px} .top .wrap{min-height:62px;gap:9px;flex-wrap:nowrap} .brand{min-height:54px} .brand-logo{width:146px;max-width:50vw} .topright{flex-wrap:nowrap;gap:6px;margin-left:auto} .topright .version{white-space:nowrap;font-size:11px;padding:5px 9px} .topright .version-label{display:none} .hero{padding:25px 0 25px} .eyebrow{font-size:10px;letter-spacing:.055em;gap:6px} .hero h1{font-size:clamp(33px,9.2vw,42px);line-height:1.11;letter-spacing:-.044em;margin:14px 0 14px} .lead{font-size:14px;line-height:1.58} .workspace{gap:16px;margin-bottom:30px} .workspace .conversation{height:196px;min-height:196px;flex:0 0 196px;padding:15px} .panelhead{padding:17px 17px 14px} .panelhead h2{font-size:19px} .panelhead p{font-size:12px;line-height:1.4} .compose,.outarea,.evidence{padding-left:17px;padding-right:17px} .compose{padding-bottom:17px} .compose textarea{min-height:105px} .bubble{padding:11px 13px;font-size:14px;line-height:1.5} .iconbadge{padding:8px} .action-row{display:flex;gap:6px;flex-direction:column;align-items:stretch} .action-row #enviar{width:100%;min-height:49px;font-size:15px} .action-row #novo{align-self:flex-end;padding:9px 8px} #status{margin-top:3px;margin-bottom:0} .promptbox{max-height:275px;font-size:13px;line-height:1.65} .toolrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .toolrow #copiar{grid-column:1/-1;min-height:46px;font-size:13px} .toolrow #baixar,.toolrow #ajustar{white-space:normal;min-height:42px;font-size:12px;padding:9px} .architecture{gap:10px;margin:18px 0 26px} .feature{padding:14px 12px} .feature strong{font-size:12px} .feature p{font-size:12px;line-height:1.5} .footer{margin-top:10px;padding-top:20px} .footer-heading .text-link{font-size:12px} .footer-meta{display:block;line-height:1.9} } @media(max-width:350px){.brand-logo{width:128px}.topright .version{font-size:10px}} /* UMNOO v1.2.0 — entrada orientada, sem envio acidental, e fluxo acessível. */ .start-link{display:inline-flex;align-items:center;gap:8px;margin-top:21px;color:var(--green);text-decoration:none;font-size:14px;font-weight:750;border:1px solid #bad2c5;border-radius:99px;padding:10px 16px;background:#fff;max-width:max-content} .start-link:hover{background:var(--soft)} .start-link:focus-visible{outline:3px solid #edb800;outline-offset:3px} .contexto-pedido{padding:12px 14px;margin:0 0 12px;background:#eaf4ed;border-left:4px solid var(--green2);border-radius:10px;color:var(--ink);font-size:13px;line-height:1.5;overflow-wrap:anywhere} .erro-pedido{margin:6px 0 0;color:#8e2a21;font-size:12px;font-weight:650} .compose textarea[aria-invalid="true"]{border:2px solid #b54c37} .keyboard-hint{margin:6px 0 0;color:#62776d;font-size:11px;line-height:1.5} .em-ajuste .inline-examples,.em-pergunta .inline-examples{display:none} @media(max-width:480px){ .start-link{margin-top:15px;font-size:13px;padding:9px 14px} .workspace .conversation.intro-only{height:140px;min-height:140px;flex:0 0 140px} .keyboard-hint{font-size:10.5px} } @media(max-width:840px) and (min-width:481px){ .workspace .conversation.intro-only{height:170px;min-height:170px;flex:0 0 170px} } /* UMNOO v1.3.0 — lanterna oficial junto ao título do resultado, sem repetição no vazio. */ .result-heading{display:flex;align-items:center;gap:10px;line-height:1.24} .result-heading img{display:block;width:25px;height:38px;object-fit:contain;flex:0 0 25px} #resultado .panelhead{align-items:center} #resultado .empty h3{margin-top:0} @media(max-width:480px){.result-heading{gap:8px}.result-heading img{width:23px;height:35px;flex-basis:23px}} /* UMNOO v2.1.6 — seletor de modos centralizado. */ .mode-navigation{display:flex;justify-content:center;align-items:center;padding-top:22px;padding-bottom:10px} .mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,360px);gap:5px;padding:5px;background:#e7efea;border:1px solid #cbdcd2;border-radius:16px} .mode-tab{border:0;border-radius:12px;padding:11px 14px;background:transparent;color:#466456;font-weight:750;font-size:14px;line-height:1.35;min-height:44px;white-space:nowrap;text-align:center} .mode-tab span{display:inline-block;margin-right:5px;font-size:17px;vertical-align:-1px} .mode-tab.selected{background:#fff;box-shadow:0 2px 8px #153d3018;color:var(--green)} .mode-tab:not(.selected):hover{background:#f4f8f5;color:var(--green)} .mode-tab:focus-visible{outline:3px solid #c99b16;outline-offset:2px} .mode-panel[hidden],.chat-feedback[hidden],.chat-avaliacao-detalhe[hidden]{display:none!important} .chat-intro{padding:30px 0 30px} .chat-intro h1{max-width:760px;margin-bottom:15px} .chat-workspace{max-width:880px;margin:0 auto 46px} .chat-panel-head{align-items:center} .chat-experimental-label{font-size:11px;font-weight:700;border:1px solid #d8e3d9;background:#eff6f0;color:#3e6b55;border-radius:100px;padding:6px 10px;white-space:nowrap} .chat-thread{height:min(46vh,450px);min-height:280px;max-height:500px;padding:25px 28px;overflow-y:auto} .chat-thread .bubble{max-width:78%} .chat-composer{border-top:1px solid var(--line);padding:20px 26px 24px} .chat-composer form label,.chat-avaliacao-detalhe label{font-weight:750;font-size:13px;display:block;margin-bottom:9px} .chat-composer textarea{display:block;width:100%;min-height:88px;max-height:200px;resize:vertical;border:1px solid #aac7b7;border-radius:13px;padding:13px 15px;background:#fff;color:var(--ink);font-size:14px;line-height:1.5} .chat-actions,.chat-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:11px} .chat-actions .primary-action{min-height:46px} .chat-status{min-height:18px;margin:13px 0 6px} .chat-feedback{border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:14px;margin-top:11px} .chat-feedback>span{font-size:13px;font-weight:700;margin-right:4px} .chat-avaliacao-detalhe{flex-basis:100%;background:#f7faf7;border:1px solid #e1eee5;border-radius:12px;padding:12px;display:grid;gap:7px} .chat-avaliacao-detalhe textarea{min-height:66px;font-size:13px} .chat-avaliacao-detalhe button{justify-self:start} .chat-controls{border-top:1px solid var(--line);padding-top:15px;margin-top:17px} .chat-controls button:disabled{opacity:.48;cursor:not-allowed} .chat-privacy{font-size:11px;color:#586c62;margin:11px 0 0;line-height:1.6} @media(max-width:840px){.chat-intro{padding:28px 0 23px}.chat-thread{height:355px;min-height:260px;max-height:440px}} @media(max-width:480px){.mode-navigation{padding:12px 14px 4px}.mode-tabs{width:100%;max-width:390px;border-radius:14px}.mode-tab{padding:11px 8px;font-size:13px;text-align:center}.chat-intro{padding:24px 0 21px}.chat-intro h1{font-size:clamp(32px,8.6vw,40px)}.chat-intro .lead{font-size:14px}.chat-workspace{border-radius:18px;margin-bottom:30px}.chat-thread{height:330px;min-height:260px;max-height:420px;padding:17px}.chat-thread .bubble{max-width:94%;font-size:14px}.chat-composer{padding:16px}.chat-actions{flex-direction:column;align-items:stretch}.chat-actions button{width:100%}.chat-controls{display:flex;flex-direction:column;align-items:stretch}.chat-controls button{width:100%}.chat-experimental-label{font-size:10px;padding:5px 7px}.chat-panel-head{gap:8px}} @media(prefers-reduced-motion:reduce){.mode-tab,.chat-thread{scroll-behavior:auto!important}} /* v2.1.6 — opção de fonte oficial, separada das respostas locais. */ .chat-consulta{border:1px solid #c8dacf;background:#f2f7f3;border-radius:13px;padding:14px;margin:10px 0 13px} .chat-consulta[hidden]{display:none!important} .chat-consulta p{font-size:12px;line-height:1.55;margin:0 0 10px;color:#345647} .chat-consulta button{min-height:44px;max-width:100%} .chat-lab-link{margin:11px 0 0;font-size:12px} .chat-lab-link a{color:var(--green);text-decoration:underline;text-underline-offset:3px} @media(max-width:480px){.chat-consulta button{width:100%;white-space:normal}} /* UMNOO v2.1.8 — links para fontes institucionais sem texto HTML remoto */ .chat-fontes{margin-top:.75rem;font-size:.9em}.chat-fontes summary{cursor:pointer;font-weight:700}.chat-fontes p{margin:.45rem 0 0;overflow-wrap:anywhere}.chat-fontes a{color:inherit;text-decoration:underline;text-underline-offset:2px} /* UMNOO v2.2.1 | Memória episódica opt-in, abaixo do chat. */ .memoria-painel{border:1px solid #c9dbce;border-radius:14px;margin:16px 0 0;background:#fbfdfb;color:var(--ink)} .memoria-painel>summary{padding:14px 16px;font-size:14px;font-weight:800;color:var(--green);cursor:pointer;list-style-position:inside} .memoria-badge{font-size:11px;font-weight:600;color:#557565;margin-left:6px} .memoria-corpo{border-top:1px solid #dae8de;padding:16px} .memoria-aviso{font-size:12px;line-height:1.6;color:#465d53;margin:0 0 16px} .memoria-form{display:grid;gap:8px} .memoria-form label{font-size:12px;font-weight:750} .memoria-form input:not([type=checkbox]),.memoria-form select,.memoria-form textarea{width:100%;border:1px solid #b7cfc0;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:14px;padding:11px} .memoria-form textarea{resize:vertical;min-height:70px} .memoria-form .memoria-consentimento{display:flex;align-items:flex-start;gap:8px;font-weight:500;line-height:1.5} .memoria-form .memoria-consentimento input{margin-top:4px;accent-color:var(--green)} .memoria-form button{justify-self:start} .memoria-lista-cabecalho{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 10px;font-size:13px} .memoria-lista{display:grid;gap:10px} .memoria-item{border:1px solid #d5e5da;border-radius:12px;padding:11px;background:#fff;overflow-wrap:anywhere} .memoria-item p{margin:6px 0;font-size:13px;white-space:pre-wrap} .memoria-item small{color:#667c70} .memoria-item-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .memoria-item-acoes button{padding:8px 10px;font-size:12px;min-height:40px} .memoria-ferramentas{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px} .memoria-ferramentas button{font-size:12px} .memoria-status{margin-top:10px} .memoria-contexto{padding:9px 12px;border-left:3px solid #ad5137;background:#f7f1e9;font-size:12px;border-radius:5px;overflow-wrap:anywhere} @media(max-width:480px){.memoria-corpo{padding:12px}.memoria-form button,.memoria-ferramentas button{width:100%}.memoria-item-acoes button{flex:1}} /* UMNOO v2.3.6 — alternativas clicaveis e decomposicao auditavel */ .chat-thread .chat-opcoes{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:7px;white-space:normal} .chat-opcoes li{min-width:0} .chat-opcao{display:block;width:100%;text-align:left;border:1px solid #b8d0c2;background:#fff;color:#24463f;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:650;min-height:43px;line-height:1.4} .chat-opcao:hover:not(:disabled){background:#eff6f0;border-color:#24463f} .chat-opcao:focus-visible{outline:3px solid #edb800;outline-offset:2px} .chat-opcao:disabled{opacity:.58;cursor:default} .chat-opcoes-ajuda{margin:8px 0 0;font-size:12px;opacity:.82;white-space:normal} .chat-partes{padding-left:22px;margin:11px 0;display:grid;gap:9px;white-space:normal} .chat-partes li{padding-left:2px;overflow-wrap:anywhere} .chat-partes strong{display:block;font-size:13px;font-weight:700} .chat-partes small{display:block;font-size:12px;opacity:.82;margin-top:4px} .chat-decomposicao-aviso{font-size:12px;line-height:1.55;margin:10px 0 0;white-space:normal} @media(max-width:480px){.chat-opcao{font-size:13px;min-height:46px}.chat-thread .chat-opcoes{gap:8px}} /* consolidated: umnoo-theme-v240.css */ /* UMNOO v2.5.0: flat, light, accessible; original engine components remain untouched. */ :root,html[data-palette="grafite"]{ --green:#202020;--green2:#333333;--gold:#f5bb16; --ink:#1b1b1b;--muted:#666862;--wash:#f7f7f5;--line:#e9e9e5; --soft:#f1f1ee;--shadow:none; --palette-soft:#f1f1ee;--palette-on:#ffffff; } html[data-palette="musgo"]{--green:#24463f;--green2:#31584f;--soft:#e9f0ea;--palette-soft:#e9f0ea} html[data-palette="azul"]{--green:#254e74;--green2:#345f88;--soft:#edf2f7;--palette-soft:#edf2f7} html[data-palette="vinho"]{--green:#69394f;--green2:#7b4b60;--soft:#f5edf1;--palette-soft:#f5edf1} body{background:var(--wash);color:var(--ink)} .top{background:#fff;border-bottom:1px solid var(--line)} .top .top-layout{min-height:96px;padding-top:10px;padding-bottom:10px} .brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;min-width:0;gap:0} .brand-logo{display:block;object-fit:contain;object-position:left center;width:190px;max-width:100%;height:auto;mix-blend-mode:multiply} .topright{flex-wrap:nowrap;gap:12px} .settings-trigger{color:var(--green);background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:12px;font-weight:680;min-height:44px;white-space:nowrap} .settings-trigger:hover{background:var(--soft)} .settings-trigger span:first-child{font-size:16px;margin-right:4px;vertical-align:-1px} .version{background:#f8f8f7;border:1px solid var(--line);color:#5b5d59;border-radius:7px;font-size:11px} .mode-navigation{padding-top:22px;padding-bottom:12px;justify-content:flex-start} .mode-tabs{width:min(100%,300px);border-radius:13px;background:#f0f0ed;border:1px solid var(--line);padding:4px;gap:4px} .mode-tab{font-size:13px;font-weight:720;border-radius:9px;min-height:45px;color:#5b5b57} .mode-tab.selected{color:var(--green);background:#fff;box-shadow:none;border:1px solid #deded8} .mode-tab:not(.selected):hover{background:#f9f9f8} .mode-tab span{font-size:16px} .chat-intro{padding:23px 0 24px;display:grid;gap:5px} .chat-intro .eyebrow,.hero .eyebrow{letter-spacing:.13em;font-size:10px;color:#666661} .chat-intro h1{font-size:clamp(29px,4.7vw,48px);letter-spacing:-.05em;margin:5px 0 8px;font-weight:700;max-width:none} .chat-intro h1 em,.hero h1 em{color:var(--green2)} .chat-intro .lead{max-width:720px;font-size:14px;line-height:1.6} .chat-workspace{max-width:980px;margin-left:0;margin-bottom:48px;background:#fff} .panel{box-shadow:none;border:1px solid #e8e8e4;border-radius:17px} .chat-panel-head{padding:17px 22px;align-items:center} .noem-heading{display:flex;align-items:center;gap:11px} .noem-heading img{object-fit:contain;border-radius:9px} .noem-heading h2{font-size:18px;font-weight:760;letter-spacing:-.025em} .noem-heading p{font-size:11px;margin-top:2px} .chat-experimental-label{border:1px solid #e9e7df;background:#f9f8f3;color:#6a6658;font-weight:630;font-size:10px;border-radius:7px;padding:6px 9px} .chat-thread{height:clamp(295px,43vh,490px);min-height:295px;max-height:550px;background:#fff;padding:24px 25px} .chat-thread .bubble{max-width:min(86%,720px);font-size:14px;line-height:1.65;border-radius:13px;padding:14px 16px} .chat-thread .bubble.umnoo{background:#f3f3f0;border:1px solid #ecece8;color:#222;border-top-left-radius:4px} .chat-thread .bubble.user{background:var(--green);color:#fff;border-top-right-radius:4px} .chat-thread .bubble .who{color:inherit;opacity:.72;font-size:10px} .chat-composer{padding:16px 22px 21px} .chat-composer form label{font-size:12px;font-weight:680;margin-top:4px;margin-bottom:7px} .chat-composer textarea{min-height:76px;max-height:180px;border:1px solid #d9d9d4;border-radius:12px;background:#fdfdfc;color:var(--ink);font-size:14px;padding:13px 14px} .chat-composer textarea:focus{border-color:var(--green)} .chat-starters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:13px} .chat-starters>span{color:#777771;font-size:11px;margin-right:7px} .chat-starters button{border:1px solid #e6e6e0;border-radius:100px;background:#fff;padding:7px 11px;color:#555650;font-size:11px;min-height:34px} .chat-starters button:hover{background:var(--palette-soft);color:var(--green)} .chat-actions{margin-top:11px;gap:5px} .chat-actions button{min-height:43px} .btn{border-radius:10px;box-shadow:none!important} .btn.primary-action,.btn.primary-action:hover,.btn#copiar{box-shadow:none!important} .btn.primary-action{background:var(--green);border-color:var(--green)} .btn.primary-action:hover{background:var(--green2)} .btn.tertiary,.btn.quiet{color:var(--green2)} .btn.secondary{border-color:#c8c8c3;color:var(--green)} .btn.secondary:hover{background:var(--soft)} .chat-actions .btn.tertiary{font-size:12px} .chat-actions button:disabled{opacity:.42;cursor:default} .chat-actions .primary-action span{margin-left:7px} .chat-status{font-size:11px;color:#686a65;margin-top:7px;min-height:15px} .chat-feedback{border-color:#eeeeeb;margin-top:13px;padding-top:9px} .chat-feedback>span{font-size:12px;color:#6c6e69} .chat-advanced{border-top:1px solid var(--line);margin-top:14px;padding-top:12px} .chat-advanced>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--green2)} .chat-advanced-inner{padding-top:9px} .chat-controls{border:0;margin-top:0;padding-top:0} .chat-privacy{line-height:1.65} .chat-consulta{background:#fafaf8;border-color:#e7e7e2} .chat-opcao{border-color:#d9d9d2;color:var(--green);background:#fff} .chat-opcao:hover:not(:disabled){background:var(--soft);border-color:var(--green)} .memoria-painel{border-color:#e3e3df;background:#fafaf9} .memoria-painel>summary{color:var(--green)} .memoria-item{border-color:#e2e2dd} .mode-panel#painel-prompt .hero{padding:18px 0 30px} .mode-panel#painel-prompt .hero h1{font-size:clamp(33px,4vw,48px);margin:7px 0 11px} .mode-panel#painel-prompt .hero .lead{font-size:14px;max-width:630px} .start-link{display:none} .workspace{gap:17px} .panelhead{padding:18px 20px 14px} .panelhead h2{font-size:17px} .compose,.outarea,.evidence{padding-left:20px;padding-right:20px} .destino-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px} .destino-chips button{background:#fff;color:var(--green2);border:1px solid #dadad4;padding:7px 10px;font-size:11px;border-radius:9px;min-height:38px} .destino-chips button.selected{background:var(--palette-soft);border-color:var(--green);font-weight:750} .destino-chips button:hover{border-color:var(--green)} .tool-choice select{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap} .tool-choice label{font-weight:700;font-size:12px} .inline-examples button{border-color:#deded8;background:#fff} .bubble.umnoo{background:#f3f3f0;color:var(--ink)} .promptbox{border-color:#e1e1dc;background:#fafaf9;color:var(--ink)} .outcome{background:var(--soft);color:var(--green)} .evidence.theme-details{background:#fdfdfc} .footer{margin-top:26px;background:#fff;border-color:var(--line)} .footer-heading strong{color:var(--ink);font-size:15px;letter-spacing:-.02em} .footer-slogan{font-size:10px;margin-left:8px;color:#777;letter-spacing:.02em;font-weight:500} .footer-privacy,.footer .mentor-details{border-color:var(--line)} .footer-meta{border-color:var(--line);color:#71716d} .settings-dialog{border:1px solid #deded8;border-radius:18px;background:#fff;color:var(--ink);width:min(92vw,490px);max-height:90vh;padding:0;box-shadow:0 15px 65px #16161633} .settings-dialog::backdrop{background:#18181888} .settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:21px 23px 15px;border-bottom:1px solid var(--line)} .settings-head h2{margin:6px 0 0;font-size:22px;letter-spacing:-.04em} .settings-head .eyebrow{font-size:10px;letter-spacing:.1em} .settings-body{padding:19px 23px 4px;overflow-y:auto;max-height:65vh} .settings-body>p{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 16px} .palette-field{padding:0;border:0;margin:0;display:grid;gap:9px} .palette-field legend{font-size:13px;font-weight:750;margin-bottom:11px} .palette-option{display:flex;align-items:center;gap:11px;border:1px solid #e7e7e2;border-radius:10px;padding:10px 12px;min-height:49px;font-size:13px;cursor:pointer} .palette-option:has(input:checked){border-color:var(--green);background:var(--palette-soft)} .palette-option input{accent-color:var(--green);margin:0} .palette-sample{width:19px;height:19px;flex:none;border-radius:6px;background:var(--swatch)} .palette-option:nth-of-type(1) .palette-sample{background:#202020} .palette-option:nth-of-type(2) .palette-sample{background:#24463f} .palette-option:nth-of-type(3) .palette-sample{background:#254e74} .palette-option:nth-of-type(4) .palette-sample{background:#69394f} .palette-option small{margin-left:auto;color:var(--muted);font-size:11px} .settings-note{font-size:11px!important;margin-top:16px!important} .settings-status{font-size:11px;color:var(--green);min-height:14px} .settings-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding:14px 20px} @media(max-width:840px){ .chat-workspace{max-width:none} .chat-thread{height:clamp(300px,47vh,510px)} .mode-panel#painel-prompt .hero{padding:16px 0 22px} } @media(max-width:480px){ .top .top-layout{min-height:82px;padding-top:8px;padding-bottom:8px;gap:9px} .brand-logo{width:145px} .topright{gap:5px} .settings-trigger{padding:9px;min-width:40px;min-height:40px} .settings-trigger span:last-child{display:none} .version{font-size:10px;padding:5px 6px} .mode-navigation{padding:12px 14px 7px} .mode-tabs{width:100%;max-width:none} .chat-intro{padding:13px 0 17px} .chat-intro h1{font-size:32px} .chat-intro .lead{font-size:13px} .chat-panel-head{padding:12px 13px} .chat-experimental-label{font-size:9px;max-width:115px;text-align:center} .chat-thread{height:clamp(255px,43vh,420px);padding:13px 12px} .chat-thread .bubble{max-width:96%;padding:11px 12px;font-size:13px} .chat-composer{padding:12px 13px 16px} .chat-composer textarea{min-height:68px} .chat-starters{gap:5px} .chat-starters>span{flex-basis:100%} .chat-starters button{font-size:10px;min-height:33px;padding:6px 8px} .chat-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px} .chat-actions button{width:100%;padding:10px 8px;font-size:12px} .chat-actions #chat-enviar{grid-column:1 / -1} .chat-controls{display:flex;flex-direction:column} .chat-controls button{width:100%} .destino-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px} .destino-chips button{flex:none} .mode-panel#painel-prompt .hero h1{font-size:34px} .settings-body{padding:15px 16px 4px} .settings-head{padding:16px} .settings-foot{padding:12px} .footer-heading{gap:8px} } @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}} /* v2.5.0 visual QA fixes */ .chat-feedback .btn{padding:7px 9px;font-size:11px;min-height:36px} .chat-feedback>span{margin-right:0} .footer-meta span{display:inline-block} @media(max-width:480px){.footer-meta span{display:block;margin-bottom:5px}.chat-feedback{gap:5px}} /* Núcleo de Generalidade I: detalhes discretos, sem novos menus. */ .generalidade-exemplos{margin:13px 0 8px}.generalidade-exemplos button{min-height:34px} /* v2.5.1 mobile chat compactness and experimental lesson details. */ .adaptacao-exemplos{padding:12px 0 5px;border-top:1px solid var(--line);margin-top:10px} .adaptacao-exemplos>strong{display:block;font-size:13px;margin-bottom:5px} .adaptacao-exemplos>p{font-size:12px;line-height:1.55;margin:5px 0 11px} @media(max-width:480px){ .chat-intro{padding:8px 0 12px;gap:2px} .chat-intro h1{font-size:clamp(26px,7.25vw,31px);line-height:1.1;margin:4px 0 7px;letter-spacing:-.045em} .chat-intro .lead{font-size:12.5px;line-height:1.45} .chat-panel-head{padding:11px 12px} .chat-thread{height:clamp(235px,39dvh,420px);min-height:235px} .chat-composer{padding:11px 12px 14px} .chat-composer textarea{min-height:58px} .chat-starters{margin-bottom:8px} .chat-thread .bubble{line-height:1.5} } /* consolidated: umnoo-clean-v256.css */ /* UMNOO / Noem v2.5.5 — frugal responsive presentation layer. Core engines, schemas, evidence, privacy and dialog IDs intentionally retained. */ :root {--clean-bg:#fbfbfc;--clean-card:#fff;--clean-ink:#19191b;--clean-edge:#e8e8ea;--clean-muted:#737377;--clean-highlight:#f6c938;--header-h:68px;--tabs-h:54px;--footer-gap:56px;--app-pad:20px;} *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;height:100%;overflow:hidden} body.umnoo-clean-v255{background:var(--clean-bg);color:var(--clean-ink);min-width:280px;height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-h) var(--tabs-h) minmax(0,1fr) auto} .umnoo-clean-v255 .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .umnoo-clean-v255 .top{background:var(--clean-bg);border-bottom:1px solid var(--clean-edge);position:relative;z-index:12;grid-row:1} .umnoo-clean-v255 .top .top-layout{min-height:var(--header-h);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:none;padding:0 24px} .umnoo-clean-v255 .brand{justify-self:start;display:flex;align-items:center;min-height:40px} .umnoo-clean-v255 .brand-logo{display:block;width:154px;max-width:100%;height:auto;object-fit:contain} .umnoo-clean-v255 .topright{justify-self:end;gap:0;display:flex;align-items:center} .umnoo-clean-v255 .topright .version{display:none!important} .umnoo-clean-v255 .settings-trigger{border:1px solid #e7e7e9;background:#fff;color:#35353a;display:grid;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;border-radius:999px;padding:0;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.03)} .umnoo-clean-v255 .settings-trigger:hover{background:#f7f7f8;border-color:#dbdbde} .umnoo-clean-v255 .settings-trigger svg{display:block} .umnoo-clean-v255 .mode-navigation{grid-row:2;position:relative;top:auto;left:auto;transform:none;width:auto;max-width:none;padding:8px 0 6px;z-index:13;place-self:center center;pointer-events:none} .umnoo-clean-v255 .mode-tabs{width:226px;display:flex;gap:0;align-items:center;border:1px solid var(--clean-edge);border-radius:999px;padding:3px;background:#f4f4f5;box-shadow:none;pointer-events:auto} .umnoo-clean-v255 .mode-tab{flex:1;border-radius:999px;min-height:35px;padding:7px 12px;font-size:13px;line-height:1.2;font-weight:550;color:#47474a;box-shadow:none} .umnoo-clean-v255 .mode-tab span{display:none} .umnoo-clean-v255 .mode-tab.selected{color:#111;background:white;box-shadow:0 1px 4px #0000000c} .umnoo-clean-v255 #inicio{grid-row:3;width:100%;max-width:none;padding:0 var(--app-pad);min-height:0;overflow:hidden;display:block} .umnoo-clean-v255 .mode-panel[hidden]{display:none!important} .umnoo-clean-v255 #painel-conversar{height:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden;padding:8px 0 0} .umnoo-clean-v255 #painel-conversar .chat-intro{margin:auto auto 18px;max-width:780px;padding:0;text-align:center;flex:none} .umnoo-clean-v255 #painel-conversar .chat-intro h1{font-size:clamp(20px,2.6vw,29px);line-height:1.4;font-weight:500;letter-spacing:-.035em;margin:0;color:#161616} .umnoo-clean-v255 .chat-workspace{background:transparent;box-shadow:none;border:0!important;border-radius:0;width:100%;max-width:880px;display:flex;flex-direction:column;flex:1;min-height:0;margin:0 auto;overflow:hidden} .umnoo-clean-v255 .chat-panel-head{display:none} .umnoo-clean-v255 .chat-thread{display:none;background:transparent;flex:1;min-height:0;max-height:none;height:auto;padding:12px 8px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6d6d9 transparent} .umnoo-clean-v255 .chat-thread .bubble{font-size:15px;line-height:1.65;max-width:min(80%,690px);border-radius:17px;padding:13px 16px;box-shadow:none;overflow-wrap:anywhere;margin-bottom:15px} .umnoo-clean-v255 .chat-thread .bubble.umnoo{background:#f0f0f1;border:1px solid #ededee;color:#242426;border-top-left-radius:17px} .umnoo-clean-v255 .chat-thread .bubble.user{background:#232327;border:1px solid #232327;color:#fff;border-top-right-radius:17px} .umnoo-clean-v255 .chat-thread .bubble .who{font-size:10px;opacity:.66;line-height:1.25;margin-bottom:7px} .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-intro{display:none} .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-workspace{max-width:900px;flex:1;margin-bottom:0} .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-thread{display:block} .umnoo-clean-v255 .chat-composer{position:relative;max-width:760px;width:100%;align-self:center;background:transparent;padding:0 0 10px;flex:none;margin-top:auto} .umnoo-clean-v255 #form-chat{position:relative;border:1px solid #e4e4e6;border-radius:25px;background:#fff;box-shadow:0 5px 26px rgba(0,0,0,.045);height:112px;min-height:80px;padding:0;transition:height .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden} .umnoo-clean-v255 #form-chat:focus-within,.umnoo-clean-v255 #form-chat.is-focused{border-color:#cfcfd2;box-shadow:0 6px 30px rgba(0,0,0,.06)} .umnoo-clean-v255 #form-chat.is-focused{height:166px} .umnoo-clean-v255 #form-chat #mensagem-chat{border:0!important;outline:none!important;box-shadow:none!important;resize:none;width:100%;height:100%;max-height:none!important;min-height:0!important;padding:17px 20px 54px!important;font-size:15px;line-height:1.5;overflow-y:auto;border-radius:25px;background:transparent;color:var(--clean-ink)} .umnoo-clean-v255 #form-chat #mensagem-chat::placeholder{color:#88888b} .umnoo-clean-v255 #form-chat .chat-actions{display:contents;margin:0} .umnoo-clean-v255 #form-chat .chat-actions .composer-icon{border:0;background:transparent;color:#44444a;padding:0;min-width:40px;width:40px;height:40px;display:grid;place-items:center;position:absolute;bottom:12px;cursor:pointer;border-radius:50%;box-shadow:none} .umnoo-clean-v255 #form-chat .chat-actions .composer-icon:hover:not(:disabled){background:#f1f1f2} .umnoo-clean-v255 #form-chat .composer-icon svg,.umnoo-clean-v255 #chat-enviar svg{stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round} .umnoo-clean-v255 #form-chat .chat-add{left:12px} .umnoo-clean-v255 #form-chat .chat-mic{right:60px;color:#888!important;opacity:.65;cursor:not-allowed!important} .umnoo-clean-v255 #form-chat #chat-enviar{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;color:#fff;background:var(--green);border:0;box-shadow:none;font-size:0;cursor:pointer} .umnoo-clean-v255 #form-chat #chat-enviar:hover{filter:brightness(.93)} .umnoo-clean-v255 #form-chat #chat-novo,.umnoo-clean-v255 #form-chat #chat-copiar{display:none!important} .umnoo-clean-v255 .keyboard-hint#chat-teclado{display:none} .umnoo-clean-v255 .chat-starters#chat-sugestoes{display:none} .umnoo-clean-v255 .chat-status{margin:0;min-height:0;font-size:11px;color:#6d6d71} .umnoo-clean-v255 .chat-status:empty{display:none} .umnoo-clean-v255 .chat-feedback{max-width:700px;margin:6px auto;padding:7px 0;border-top:0;font-size:12px;gap:7px;display:flex;flex-wrap:wrap;align-items:center;color:#777} .umnoo-clean-v255 .chat-feedback[hidden]{display:none!important} .umnoo-clean-v255 .chat-feedback .btn{background:none!important;border:1px solid #e6e6e6!important;border-radius:999px!important;color:#555!important;font-size:11px!important;padding:6px 10px!important;min-height:30px} .umnoo-clean-v255 .chat-consulta{font-size:12px;margin:8px 0} .umnoo-clean-v255 .chat-tools-panel{position:absolute;z-index:9;bottom:calc(100% + 12px);left:0;width:min(100%,540px);max-height:min(62dvh,560px);overflow:auto;background:#fff;border:1px solid var(--clean-edge);border-radius:18px;box-shadow:0 12px 42px rgba(0,0,0,.13);padding:16px} .umnoo-clean-v255 .chat-tools-panel[hidden]{display:none!important} .umnoo-clean-v255 .chat-tools-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px} .umnoo-clean-v255 .chat-tools-header strong{font-size:14px} .umnoo-clean-v255 #chat-tools-fechar{border:0;background:transparent;width:34px;height:34px;font-size:24px;color:#606064;cursor:pointer} .umnoo-clean-v255 .chat-tools-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px} .umnoo-clean-v255 .chat-tools-shortcuts button{min-height:37px;font-size:12px;color:#29292c;background:#fafafa;border:1px solid #e9e9eb;border-radius:12px;padding:8px 12px;cursor:pointer} .umnoo-clean-v255 .chat-tools-panel .chat-starters{display:flex!important;flex-wrap:wrap;margin-bottom:12px} .umnoo-clean-v255 .chat-tools-panel .chat-starters>span{flex-basis:100%} .umnoo-clean-v255 .chat-tools-panel .chat-advanced{margin:0;padding:5px 0;border-top:1px solid var(--clean-edge)} .umnoo-clean-v255 .chat-tools-panel .chat-advanced>summary{padding:12px 2px} .umnoo-clean-v255 .chat-tools-panel .memoria-painel{max-width:100%} .umnoo-clean-v255 .chat-tools-panel .chat-privacy{font-size:11px} .umnoo-clean-v255 #painel-prompt{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:8px 0 0} .umnoo-clean-v255 #painel-prompt .hero{padding:0;text-align:center;margin:auto auto 18px;width:min(100%,740px);flex:none} .umnoo-clean-v255 #painel-prompt .hero h1{font-size:clamp(22px,3vw,32px);line-height:1.25;font-weight:520;letter-spacing:-.035em;margin:0} .umnoo-clean-v255 #painel-prompt .hero .lead{font-size:13px;line-height:1.5;margin:12px auto 0;max-width:600px;color:#737377} .umnoo-clean-v255 #painel-prompt .workspace{display:grid!important;width:100%;max-width:1120px;min-height:0;flex:1;margin:0 auto;grid-template-columns:minmax(0,1fr) 420px;grid-auto-rows:minmax(0,1fr);gap:18px;overflow:hidden;align-items:stretch} .umnoo-clean-v255 #painel-prompt .workspace>.panel:not(.right){display:flex;flex-direction:column;width:100%;height:100%;min-height:0;border:0!important;border-radius:0;background:transparent;box-shadow:none;overflow:hidden} .umnoo-clean-v255 #painel-prompt .workspace>.panel:not(.right)>.panelhead{display:none} .umnoo-clean-v255 #painel-prompt .conversation{display:none;height:auto;min-height:0!important;flex:0 0 auto} .umnoo-clean-v255 #painel-prompt .conversation:not(.intro-only){display:block;max-height:160px;overflow:auto;background:none;padding:0 8px 12px;font-size:13px} .umnoo-clean-v255 #painel-prompt #form{background:#fff;border:1px solid #e6e6e8;border-radius:24px;padding:18px 19px;box-shadow:0 5px 26px rgba(0,0,0,.045);margin:0;overflow:hidden} .umnoo-clean-v255 #painel-prompt #form>label{display:none} .umnoo-clean-v255 #painel-prompt #entrada{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:90px;max-height:240px;font-size:15px;line-height:1.5;resize:vertical;color:#202024;outline:none} .umnoo-clean-v255 #painel-prompt #entrada::placeholder{color:#939398} .umnoo-clean-v255 #painel-prompt #dica-teclado{display:none} .umnoo-clean-v255 #painel-prompt .tool-choice,.umnoo-clean-v255 #painel-prompt .examples{margin:12px 0 0} .umnoo-clean-v255 #painel-prompt .prompt-options{border-top:1px solid #ececef;padding:10px 0 0;margin-top:7px} .umnoo-clean-v255 #painel-prompt .prompt-options>summary{font-size:12px;font-weight:600;color:#555;cursor:pointer} .umnoo-clean-v255 #painel-prompt .prompt-options .examples p{font-size:12px} .umnoo-clean-v255 #painel-prompt .destino-chips{gap:5px} .umnoo-clean-v255 #painel-prompt .destino-chips button{min-height:34px;padding:6px 9px;font-size:11px} .umnoo-clean-v255 #painel-prompt .action-row{margin-top:14px;gap:8px;justify-content:flex-end} .umnoo-clean-v255 #painel-prompt .action-row #enviar{background:#252528;border:0;color:#fff;padding:12px 18px;border-radius:999px;min-height:42px} .umnoo-clean-v255 #painel-prompt .action-row .btn.tertiary{background:transparent;color:#5b5b5d;border:0;font-size:12px} .umnoo-clean-v255 #painel-prompt .action-row #ver-resultado:not([hidden]){color:var(--green);font-weight:700} .umnoo-clean-v255 #painel-prompt #como-funciona{display:none} .umnoo-clean-v255 #painel-prompt .workspace #resultado{display:flex;position:relative;top:auto;right:auto;bottom:auto;width:100%;height:100%;min-height:0;z-index:1;background:#fff;border:1px solid #e7e7e9;box-shadow:0 5px 26px rgba(0,0,0,.045);border-radius:24px;transform:none;transition:none;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto} .umnoo-clean-v255 #painel-prompt.show-result .workspace #resultado{transform:none;pointer-events:auto} .umnoo-clean-v255 .prompt-close{position:absolute;right:14px;top:14px;border:0;background:#f4f4f5;border-radius:50%;width:36px;height:36px;font-size:23px;color:#505054;cursor:pointer} .umnoo-clean-v255 #painel-prompt #resultado .panelhead{padding:25px 64px 20px 25px} .umnoo-clean-v255 #painel-prompt #resultado .result-heading{font-size:19px} .umnoo-clean-v255 #painel-prompt #resultado .outarea{padding:15px 25px 30px;flex:1;min-height:0} .umnoo-clean-v255 #painel-prompt #resultado .promptbox{max-height:none;white-space:pre-wrap;line-height:1.6;font-size:13px} .umnoo-clean-v255 .prompt-backdrop{display:none!important} .umnoo-clean-v255 .prompt-backdrop[hidden]{display:none!important} .umnoo-clean-v255 .footer{grid-row:4;border-top:1px solid #f1f1f2;background:var(--clean-bg);margin:0;padding:8px 0 10px;overflow:hidden} .umnoo-clean-v255 .footer .wrap{max-width:1100px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px} .umnoo-clean-v255 .footer-heading strong{font-size:12px;font-weight:650} .umnoo-clean-v255 .footer-slogan{color:#777;font-size:11px} .umnoo-clean-v255 .footer-heading,.umnoo-clean-v255 .footer-meta{font-size:10px;color:#777}.umnoo-clean-v255 .footer-heading{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap} .umnoo-clean-v255 :is(button,a,summary,textarea,select,input):focus-visible{outline:2px solid #c9a322!important;outline-offset:3px} @media(min-width:900px){.umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-composer{padding-bottom:18px}.umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-thread{padding-bottom:20px}} @media(max-width:600px){ .umnoo-clean-v255 .top .top-layout{min-height:58px;padding:0 12px} .umnoo-clean-v255 .brand-logo{width:115px} .umnoo-clean-v255 .mode-navigation{top:10px} .umnoo-clean-v255 .mode-tabs{width:154px;padding:2px} .umnoo-clean-v255 .mode-tab{font-size:11px;padding:6px 4px;min-height:32px} .umnoo-clean-v255 .topright .settings-trigger{width:38px;height:38px;min-width:38px} .umnoo-clean-v255 #inicio{padding:0 10px} .umnoo-clean-v255 #painel-conversar,.umnoo-clean-v255 #painel-prompt{height:calc(100dvh - 59px);min-height:calc(100dvh - 59px)} .umnoo-clean-v255 #painel-conversar .chat-intro{margin-bottom:17px;padding:0 8px} .umnoo-clean-v255 #painel-conversar .chat-intro h1{font-size:20px} .umnoo-clean-v255 .chat-thread{padding:13px 3px 10px} .umnoo-clean-v255 .chat-thread .bubble{font-size:13px;max-width:93%;padding:12px 13px;line-height:1.55} .umnoo-clean-v255 .chat-composer{padding-bottom:14px} .umnoo-clean-v255 #form-chat{height:90px;border-radius:22px} .umnoo-clean-v255 #form-chat.is-focused{height:138px} .umnoo-clean-v255 #form-chat #mensagem-chat{border-radius:22px;padding:13px 14px 50px!important;font-size:14px} .umnoo-clean-v255 .chat-tools-panel{bottom:calc(100% + 8px);max-height:55dvh} .umnoo-clean-v255 #painel-prompt .hero{margin-bottom:19px} .umnoo-clean-v255 #painel-prompt .hero h1{font-size:21px} .umnoo-clean-v255 #painel-prompt .hero .lead{font-size:12px} .umnoo-clean-v255 #painel-prompt #form{padding:14px 15px;border-radius:22px} .umnoo-clean-v255 #painel-prompt #entrada{font-size:14px;min-height:70px} .umnoo-clean-v255 #painel-prompt .workspace #resultado{width:100vw;max-width:100vw;top:0;bottom:0;transform:translateY(104%);border-left:0} .umnoo-clean-v255 #painel-prompt.show-result .workspace #resultado{transform:translateY(0)} .umnoo-clean-v255 .footer-heading{flex-wrap:wrap} } @media(max-width:370px){.umnoo-clean-v255 .brand-logo{width:90px}.umnoo-clean-v255 .mode-tabs{width:145px}.umnoo-clean-v255 #painel-prompt .action-row{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){.umnoo-clean-v255 #form-chat,.umnoo-clean-v255 #resultado{transition:none!important}} /* Final visual QA refinements */ .umnoo-clean-v255 .top{position:relative;top:auto} .umnoo-clean-v255 .chat-composer{border:0!important} .umnoo-clean-v255 .chat-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:0!important;padding:0!important} .umnoo-clean-v255 .footer{padding:10px 0 12px} .umnoo-clean-v255 .footer-heading{margin-bottom:0;gap:16px} .umnoo-clean-v255 .footer-meta{margin-top:6px;padding-top:6px;border-top:0} .umnoo-clean-v255 .settings-body .footer-privacy,.umnoo-clean-v255 .settings-body .mentor-details{display:block;border:1px solid #e7e7e9;border-radius:11px;padding:10px 12px;margin:14px 0;background:#fbfbfc;color:#444} .umnoo-clean-v255 .settings-body .footer-privacy>summary,.umnoo-clean-v255 .settings-body .mentor-details>summary{font-weight:600;font-size:12px;cursor:pointer} .umnoo-clean-v255 .settings-body .footer-privacy[open],.umnoo-clean-v255 .settings-body .mentor-details[open]{padding-bottom:13px} .umnoo-clean-v255 .settings-body .privacy-controls{padding:10px 0;font-size:12px;background:transparent} .umnoo-clean-v255 .settings-body .privacy-heading p{font-size:12px} .umnoo-clean-v255 .settings-body .mentor-details>p{font-size:12px} .umnoo-clean-v255 #resultado .prompt-copy-top{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:12px;background:#242428;border:0;border-radius:999px;color:#fff;padding:7px 12px;cursor:pointer;flex:none;margin:0 32px 0 auto} .umnoo-clean-v255 #resultado .panelhead{display:flex;align-items:flex-start;gap:10px} .umnoo-clean-v255 #painel-prompt .prompt-destino-toggle{display:flex;gap:6px;align-items:center;margin:8px 0 0;font-size:12px;color:#666} .umnoo-clean-v255 #painel-prompt .prompt-destino-toggle button{border:1px solid #e8e8e9;border-radius:999px;background:#fafafa;color:#3f3f42;padding:5px 9px;cursor:pointer;font-size:12px} @media(max-width:600px){.umnoo-clean-v255 .brand-logo{width:94px}.umnoo-clean-v255 #resultado .prompt-copy-top{margin-right:30px;padding:6px 10px}.umnoo-clean-v255 .footer-heading{gap:12px}.umnoo-clean-v255 .footer-meta{display:none}} @media(max-width:370px){.umnoo-clean-v255 .brand-logo{width:80px}.umnoo-clean-v255 .mode-tabs{width:142px}} /* v2.5.6 viewport-first refinements */ .umnoo-clean-v255 #painel-conversar[data-chat-started="true"]{justify-content:flex-start} .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]){justify-content:center} .umnoo-clean-v255 #painel-prompt:not(.show-result) #resultado #saida-pronto[hidden] ~ *{} .umnoo-clean-v255 #painel-prompt .workspace > .right{display:flex;flex-direction:column;min-height:0} .umnoo-clean-v255 #painel-prompt .workspace > .right #saida{flex:1;min-height:0;overflow:auto} .umnoo-clean-v255 .prompt-close{display:none} .umnoo-clean-v255 .settings-dialog{max-height:min(86dvh,720px)} .umnoo-clean-v255 #painel-prompt #resultado .panelhead{position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #f0f0f2;border-radius:24px 24px 0 0} @media(max-width:900px){.umnoo-clean-v255 body.umnoo-clean-v255{grid-template-rows:var(--header-h) var(--tabs-h) minmax(0,1fr) auto}.umnoo-clean-v255 #painel-prompt .workspace{grid-template-columns:minmax(0,1fr)}.umnoo-clean-v255 #painel-prompt .workspace #resultado{display:none}.umnoo-clean-v255 #painel-prompt.show-result .workspace #resultado{display:flex;position:fixed;inset:auto 0 0 0;height:78dvh;max-height:78dvh;border-radius:24px 24px 0 0;z-index:24;box-shadow:0 -12px 48px rgba(0,0,0,.16)}.umnoo-clean-v255 .prompt-close{display:grid;place-items:center}} @media(max-width:600px){:root{--header-h:58px;--tabs-h:46px;--app-pad:10px}.umnoo-clean-v255 .top .top-layout{padding:0 12px;grid-template-columns:auto 1fr auto}.umnoo-clean-v255 .brand-logo{width:112px}.umnoo-clean-v255 .mode-navigation{grid-row:2;place-self:center}.umnoo-clean-v255 .mode-tabs{width:172px;padding:2px}.umnoo-clean-v255 .mode-tab{font-size:11px;padding:6px 8px;min-height:32px}.umnoo-clean-v255 #inicio{padding:0 10px}.umnoo-clean-v255 #painel-conversar,.umnoo-clean-v255 #painel-prompt{padding-top:6px}.umnoo-clean-v255 #painel-conversar .chat-intro{margin-bottom:12px;padding:0 4px}.umnoo-clean-v255 .chat-composer{padding-bottom:8px}.umnoo-clean-v255 #form-chat{height:90px;border-radius:22px}.umnoo-clean-v255 #form-chat.is-focused{height:132px}.umnoo-clean-v255 #form-chat #mensagem-chat{border-radius:22px;padding:13px 14px 56px!important}.umnoo-clean-v255 #form-chat .chat-actions .composer-icon,.umnoo-clean-v255 #form-chat #chat-enviar{width:38px;height:38px;min-width:38px;min-height:38px;bottom:10px}.umnoo-clean-v255 #form-chat .chat-mic{right:56px}.umnoo-clean-v255 #form-chat #chat-enviar{right:10px}.umnoo-clean-v255 .footer .wrap{padding:0 10px;flex-direction:column;align-items:flex-start;gap:4px}.umnoo-clean-v255 .footer-heading{gap:10px}.umnoo-clean-v255 .footer-meta{display:none!important}.umnoo-clean-v255 #painel-prompt .hero{margin-bottom:12px}.umnoo-clean-v255 #painel-prompt #form{padding:14px 15px;border-radius:22px}} @media(max-width:370px){.umnoo-clean-v255 .brand-logo{width:96px}.umnoo-clean-v255 .mode-tabs{width:166px}} @media(min-width:901px){.umnoo-clean-v255 #ver-resultado{display:none!important}} @media(max-width:900px){.umnoo-clean-v255 #ver-resultado:not([hidden]){display:inline-flex!important}} .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-workspace{flex:none;max-width:760px;overflow:visible} .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-composer{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;padding-bottom:0;margin-top:0;width:min(calc(100% - 0px),760px)} .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-intro{margin:auto auto 160px} @media(max-width:600px){.umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-composer{position:fixed;left:10px;right:10px;bottom:56px;width:auto;transform:none;z-index:5}.umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-intro{margin:14px auto 0;padding:0 4px}.umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-workspace{display:contents}} /* consolidated: umnoo-refine-v257.css */ /* UMNOO / Noem v2.5.7 — viewport-first refinement. Visual layer only. */ :root { --ui-text:#222225; --ui-muted:#76767a; --ui-edge:#e5e5e7; --ui-radius:23px; } body.umnoo-clean-v255 { font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:var(--ui-text); } .umnoo-clean-v255 :is(button,select,textarea,input) { font-family:inherit; } .umnoo-clean-v255 .top, .umnoo-clean-v255 .mode-navigation { flex-shrink:0; } .umnoo-clean-v255 #inicio { min-height:0; overflow:hidden; } .umnoo-clean-v255 .mode-panel { min-height:0; } /* Conversation start is a single centered composition; only conversation history scrolls afterwards. */ .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) { justify-content:center!important;gap:0; } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-intro { margin:0 auto 20px!important;padding:0 8px;flex:none; } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-workspace { flex:none!important;margin:0 auto!important;max-width:760px;overflow:visible!important;display:flex!important; } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-composer { position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:auto!important;width:100%!important;margin:0!important;padding:0!important;display:block; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-workspace { flex:1;min-height:0;overflow:hidden!important; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-thread { min-height:0;overflow-y:auto;overscroll-behavior:contain; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-composer { flex:none;padding-bottom:12px; } .umnoo-clean-v255 #form-chat .chat-actions .composer-icon, .umnoo-clean-v255 #form-chat #chat-enviar { width:40px;height:40px;min-width:40px;min-height:40px;bottom:12px;display:grid;place-items:center; } .umnoo-clean-v255 #form-chat .chat-add { left:12px; } .umnoo-clean-v255 #form-chat .chat-mic { right:60px; } .umnoo-clean-v255 #form-chat #chat-enviar { right:12px; } .umnoo-clean-v255 .chat-tools-panel { max-height:min(58dvh,480px);overflow-y:auto; } /* Footer: clear hierarchy and consistent typography, without viewport overflow. */ .umnoo-clean-v255 .footer { border-top:1px solid #ececef;box-shadow:none;padding:10px 0!important;min-height:49px; } .umnoo-clean-v255 .footer .wrap { max-width:1250px;width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:0 24px; } .umnoo-clean-v255 .footer-heading { display:flex;align-items:center;gap:22px;min-width:0;margin:0!important;flex-wrap:wrap; } .umnoo-clean-v255 .footer-brand { display:inline-flex;align-items:baseline;gap:11px;white-space:nowrap; } .umnoo-clean-v255 .footer-brand strong { color:#18181a;font-size:12px;font-weight:800;line-height:1.4; } .umnoo-clean-v255 .footer-brand .footer-slogan { color:#77777e;font-size:11px;font-weight:400;letter-spacing:.005em; } .umnoo-clean-v255 .footer-links { display:inline-flex;align-items:center;gap:17px; } .umnoo-clean-v255 .footer-links :is(a,button) { display:inline-flex;align-items:center;min-height:28px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none;font-size:11px;line-height:1.3;font-weight:500;color:#606066;cursor:pointer; } .umnoo-clean-v255 .footer-links :is(a,button):hover { color:#19191b;text-decoration:underline; } .umnoo-clean-v255 .footer-meta { margin:0!important;padding:0!important;border:0!important;flex:0 0 auto;display:flex;align-items:center;gap:16px;font-size:10px!important;line-height:1.4;color:#8a8a90;white-space:nowrap; } .umnoo-clean-v255 .footer-meta span { font-size:inherit!important; } /* Prompt page: independent aligned columns and a measured, bounded result panel. */ .umnoo-clean-v255 #painel-prompt { justify-content:flex-start;overflow:hidden;min-height:0; } .umnoo-clean-v255 #painel-prompt .hero { margin:8px auto 16px!important;flex:none;text-align:center; } .umnoo-clean-v255 #painel-prompt .hero h1 { font-size:clamp(23px,2.4vw,29px);font-weight:570;letter-spacing:-.03em; } .umnoo-clean-v255 #painel-prompt .hero .lead { margin:5px auto 0;font-size:12px; } .umnoo-clean-v255 #painel-prompt .workspace { display:grid!important;grid-template-columns:minmax(0,1.53fr) minmax(290px,.95fr)!important;grid-auto-rows:min-content!important;gap:18px;align-items:start!important;align-content:start!important;flex:1;min-height:0;height:100%;max-width:1120px;margin:0 auto!important;overflow:hidden; } .umnoo-clean-v255 #painel-prompt .workspace > .panel:not(.right) { display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden!important; } .umnoo-clean-v255 #painel-prompt #form { width:100%;height:auto;max-height:100%;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;margin:0!important;padding:15px!important;border-radius:var(--ui-radius);border:1px solid var(--ui-edge)!important;display:flex;flex-direction:column;gap:0;box-shadow:0 5px 24px rgba(25,25,28,.035); } .umnoo-clean-v255 #painel-prompt .prompt-input-shell { display:flex;flex-direction:column;min-height:0;background:#fff;flex:none;border:1px solid #efeff0;border-radius:18px; } .umnoo-clean-v255 #painel-prompt #entrada { display:block!important;flex:none!important;min-height:92px!important;max-height:min(34dvh,260px)!important;height:var(--prompt-input-height,106px)!important;width:100%;margin:0!important;padding:15px 15px 8px!important;border:none!important;outline:none!important;box-shadow:none!important;resize:none!important;overflow-y:auto;scrollbar-width:thin;border-radius:18px 18px 0 0!important;font-size:14px;line-height:1.55; } .umnoo-clean-v255 #painel-prompt #entrada:focus-visible { outline:none!important; } .umnoo-clean-v255 #painel-prompt .prompt-input-shell:focus-within { border-color:#c9c9ce;box-shadow:0 0 0 2px #2222220b; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions { display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:60px;padding:8px 10px;border-top:1px solid #f2f2f3; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice { margin:0 auto 0 3px;padding:0;border:0;display:flex;align-items:center;gap:7px;min-width:0; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice label { display:inline!important;font-size:11px;font-weight:500;color:var(--ui-muted);margin:0!important;white-space:nowrap; } .umnoo-clean-v255 #painel-prompt #destino { display:block!important;appearance:auto;max-width:152px;min-width:0;height:36px;min-height:36px;max-height:36px;margin:0!important;padding:5px 8px!important;border:1px solid #e5e5e7;border-radius:10px;background:white;color:#303035;font-size:12px;box-shadow:none;cursor:pointer; } .umnoo-clean-v255 #painel-prompt .destino-chips { display:none!important; } .umnoo-clean-v255 #painel-prompt .prompt-mic { flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0!important;background:transparent!important;border:0!important;border-radius:50%;color:#97979c;cursor:not-allowed; } .umnoo-clean-v255 #painel-prompt .prompt-mic svg { width:20px;height:20px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round; } .umnoo-clean-v255 #painel-prompt #enviar { flex:none;display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;border:none!important;border-radius:50%!important;background:#232328!important;color:#fff!important;box-shadow:none!important;padding:0!important;line-height:0;cursor:pointer; } .umnoo-clean-v255 #painel-prompt #enviar svg { width:21px;height:21px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round; } .umnoo-clean-v255 #painel-prompt #form .action-row { display:flex;justify-content:flex-end;gap:10px;min-height:0;margin:7px 0 0!important; } .umnoo-clean-v255 #painel-prompt #form .action-row #novo { min-height:30px;padding:4px 6px;font-size:11px; } .umnoo-clean-v255 #painel-prompt #form #status { order:2;min-height:0;margin:2px 2px 0;padding:0;color:#77777d;font-size:11px; } .umnoo-clean-v255 #painel-prompt #form .prompt-inspiration { order:3;margin:10px 0 0;padding:11px 1px 1px;border-top:1px solid #efeff1;max-height:min(24dvh,190px);overflow-y:auto;scrollbar-width:thin; } .umnoo-clean-v255 #painel-prompt #form .prompt-inspiration > summary { font-size:12px;font-weight:550;cursor:pointer;color:#54545a;list-style-position:inside; } .umnoo-clean-v255 #painel-prompt .prompt-inspiration .examples { display:block;margin:9px 0 0; } .umnoo-clean-v255 #painel-prompt .prompt-inspiration .examples > p { display:none; } .umnoo-clean-v255 #painel-prompt .prompt-inspiration .examples .row { display:flex;flex-wrap:wrap;gap:6px; } .umnoo-clean-v255 #painel-prompt .prompt-inspiration .examples button { background:#f8f8fa;color:#3f3f45;border:1px solid #e9e9eb;border-radius:11px;font-size:11px;min-height:32px;padding:6px 10px;white-space:normal; } .umnoo-clean-v255 #painel-prompt #form #dica-teclado { display:none!important; } .umnoo-clean-v255 #painel-prompt #form #orientacao-pedido:not([hidden]), .umnoo-clean-v255 #painel-prompt #form #entrada-erro:not([hidden]) { margin:6px 2px;font-size:11px; } .umnoo-clean-v255 #painel-prompt #resultado { display:flex!important;position:relative!important;inset:auto!important;transform:none!important;height:var(--result-panel-height,300px)!important;min-height:160px;max-height:100%!important;width:100%!important;overflow:hidden!important;pointer-events:auto!important;box-shadow:0 5px 24px rgba(25,25,28,.035)!important;border:1px solid var(--ui-edge)!important;border-radius:var(--ui-radius)!important;transition:height .18s ease!important; } .umnoo-clean-v255 #painel-prompt #resultado .panelhead { flex:none;padding:17px 17px 14px!important;min-height:76px;position:relative;display:flex;align-items:flex-start;gap:8px; } .umnoo-clean-v255 #painel-prompt #resultado .result-heading { font-size:17px; } .umnoo-clean-v255 #painel-prompt #resultado .panelhead p { font-size:11px;line-height:1.4; } .umnoo-clean-v255 #painel-prompt #resultado .prompt-copy-top { margin:0 0 0 auto!important;display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:7px 11px;white-space:nowrap; } .umnoo-clean-v255 #painel-prompt #resultado #saida { flex:1;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 16px!important; } .umnoo-clean-v255 #painel-prompt #resultado #saida-vazio { display:flex;flex-direction:column;justify-content:center;min-height:100%; } .umnoo-clean-v255 #painel-prompt #resultado #saida-vazio h3 { font-size:15px;margin:0 0 6px; } .umnoo-clean-v255 #painel-prompt #resultado #saida-vazio p { font-size:12px;margin:0;color:var(--ui-muted); } .umnoo-clean-v255 #painel-prompt #resultado #saida-pronto .promptbox { font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere; } .umnoo-clean-v255 #painel-prompt #resultado > .evidence { margin:0!important;padding:9px 15px!important;border-top:1px solid #efeff0;flex:none; } .umnoo-clean-v255 #painel-prompt .prompt-close { display:none; } @media(max-width:900px) { .umnoo-clean-v255 #painel-prompt .workspace { grid-template-columns:minmax(0,1fr)!important;max-width:760px; } .umnoo-clean-v255 #painel-prompt #resultado { display:none!important; } .umnoo-clean-v255 #painel-prompt.show-result #resultado { display:flex!important;position:fixed!important;z-index:25;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:min(78dvh,640px)!important;max-height:calc(100dvh - var(--header-h))!important;border-radius:22px 22px 0 0!important;box-shadow:0 -16px 50px #00000026!important; } .umnoo-clean-v255 #painel-prompt .prompt-close { display:grid;place-items:center;position:absolute;top:9px;right:9px; } .umnoo-clean-v255 #painel-prompt.show-result #resultado .panelhead { padding-right:53px!important; } .umnoo-clean-v255 #painel-prompt #resultado .prompt-copy-top { margin-right:10px!important; } .umnoo-clean-v255 #ver-resultado:not([hidden]) { display:inline-flex!important; } } @media(max-width:600px) { .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-intro { margin:0 auto 17px!important; } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-composer { position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important; } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-workspace { display:flex!important;margin:0 auto!important;max-width:760px; } .umnoo-clean-v255 #form-chat .chat-actions .composer-icon,.umnoo-clean-v255 #form-chat #chat-enviar { bottom:10px;width:38px;height:38px;min-width:38px;min-height:38px; } .umnoo-clean-v255 #form-chat .chat-mic { right:56px; } .umnoo-clean-v255 #form-chat #chat-enviar { right:10px; } .umnoo-clean-v255 .footer { padding:7px 0!important;min-height:44px; } .umnoo-clean-v255 .footer .wrap { flex-direction:row;align-items:center;padding:0 10px;gap:10px; } .umnoo-clean-v255 .footer-heading { flex-wrap:nowrap;gap:10px; } .umnoo-clean-v255 .footer-brand { gap:7px; } .umnoo-clean-v255 .footer-brand strong { font-size:11px; } .umnoo-clean-v255 .footer-brand .footer-slogan { font-size:10px; } .umnoo-clean-v255 .footer-links { gap:9px; } .umnoo-clean-v255 .footer-links :is(a,button) { font-size:10px;white-space:nowrap; } .umnoo-clean-v255 .footer-meta { display:none!important; } .umnoo-clean-v255 #painel-prompt .hero { margin:6px auto 12px!important; } .umnoo-clean-v255 #painel-prompt .hero h1 { font-size:22px; } .umnoo-clean-v255 #painel-prompt #form { padding:12px!important; } .umnoo-clean-v255 #painel-prompt #entrada { font-size:14px;height:var(--prompt-input-height,100px)!important;max-height:min(33dvh,250px)!important; } .umnoo-clean-v255 #painel-prompt #destino { max-width:125px;font-size:11px; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions { gap:6px;padding:6px 7px;min-height:54px; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice label { font-size:10px; } .umnoo-clean-v255 #painel-prompt .prompt-mic,.umnoo-clean-v255 #painel-prompt #enviar { width:38px;height:38px;min-width:38px;min-height:38px; } .umnoo-clean-v255 #painel-prompt .prompt-inspiration { max-height:20dvh; } } @media(max-width:365px) { .umnoo-clean-v255 .footer-brand .footer-slogan { display:none; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice label { display:none!important; } } @media(max-height:560px) { .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-intro { margin-bottom:10px!important; } .umnoo-clean-v255 #painel-prompt .hero { margin:0 auto 8px!important; } .umnoo-clean-v255 #painel-prompt #entrada { max-height:21dvh!important;min-height:50px!important; } } /* Keep prompt history in the model, not as an extra visual column above the editor. */ .umnoo-clean-v255 #painel-prompt #conversa { display:none!important; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice { flex:1 1 auto;width:auto!important;justify-content:flex-start;gap:9px; } .umnoo-clean-v255 #painel-prompt #destino { width:140px!important;min-width:125px!important;max-width:150px!important;flex:none!important; } /* Keep the page and its main region truly non-scrollable, even after focusing form fields. */ .umnoo-clean-v255 #inicio, .umnoo-clean-v255 #painel-prompt, .umnoo-clean-v255 #painel-prompt .workspace { overflow:clip!important; } /* Older theme rules positioned the destination selector absolutely. Override that legacy style. */ .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice #destino { position:relative!important;inset:auto!important;transform:none!important;vertical-align:middle; } /* Explicitly cancel legacy min-height:calc(100dvh - header) on BOTH mobile mode panels. */ .umnoo-clean-v255 #painel-conversar, .umnoo-clean-v255 #painel-prompt { height:100%!important;min-height:0!important; } .umnoo-clean-v255 .mode-navigation { top:auto!important;bottom:auto!important;height:var(--tabs-h);padding:4px 0!important; } @media(max-width:600px){.umnoo-clean-v255 .mode-navigation { top:auto!important;padding:4px 0!important; }} .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice #destino { clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice { flex-direction:row!important;align-items:center!important;justify-content:flex-start!important; height:40px!important;min-height:40px!important; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice label { width:auto!important;max-width:none!important;flex:none!important; } .umnoo-clean-v255 #painel-prompt .prompt-input-actions .tool-choice #destino { align-self:center!important; } /* v2.6.2 mobile refinement: composer anchored to the bottom, centered feedback, calmer footer. */ @media(max-width:600px){ .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-thread{order:1;min-height:0;} .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-feedback, .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-consulta, .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-status{order:2;} .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-feedback{ width:100%;justify-content:center;align-items:center;text-align:center; margin:10px auto 12px!important;padding:0 10px 2px!important;gap:10px; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-feedback>span{ flex-basis:100%;margin:0!important;text-align:center; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-feedback .btn{ min-width:0;padding:7px 12px!important; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-avaliacao-detalhe{ width:100%;max-width:100%;text-align:left; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-composer{ order:3;position:sticky!important;left:auto!important;right:auto!important;bottom:0!important;z-index:8; width:100%!important;max-width:none!important;margin:0 auto!important; padding:10px 0 calc(env(safe-area-inset-bottom, 0px) + 8px)!important; background:linear-gradient(to top, rgba(251,251,252,.98) 76%, rgba(251,251,252,0)); backdrop-filter:saturate(120%) blur(2px); } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] #form-chat{margin:0 auto;} .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] #chat-historico{padding-bottom:14px!important;} .umnoo-clean-v255 .footer{ padding:10px 0 calc(env(safe-area-inset-bottom, 0px) + 10px)!important; } .umnoo-clean-v255 .footer .wrap{ flex-direction:column!important;align-items:center!important;justify-content:center!important; gap:8px!important;padding:0 12px!important;text-align:center; } .umnoo-clean-v255 .footer-heading{ width:100%;justify-content:center!important;align-items:center!important; flex-wrap:wrap!important;gap:8px 12px!important; } .umnoo-clean-v255 .footer-brand{justify-content:center!important;align-items:center!important;flex-wrap:wrap;} .umnoo-clean-v255 .footer-links{justify-content:center!important;flex-wrap:wrap!important;gap:8px 12px!important;} .umnoo-clean-v255 .footer-links :is(a,button){justify-content:center;} .umnoo-clean-v255 .footer-privacy,.umnoo-clean-v255 .mentor-details{ width:100%;max-width:420px;margin-inline:auto; } } /* consolidated: umnoo-conversa-v261.css */ /* UMNOO 2.6.1 – quiet, two-sided conversation. Only the content viewport scrolls. The scroll track sits on the main canvas edge, not beside a narrow center column. */ .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-workspace { max-width:none!important; width:100%!important; margin-inline:auto!important; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] #chat-historico { display:block; min-height:0; overflow-y:auto!important; scrollbar-width:thin; scrollbar-color:#d5d5d7 transparent; padding:18px 0 20px!important; background:transparent; } .umnoo-clean-v255 #chat-historico::-webkit-scrollbar {width:7px} .umnoo-clean-v255 #chat-historico::-webkit-scrollbar-thumb {background:#d5d5d7;border-radius:10px} .umnoo-clean-v255 #chat-historico::-webkit-scrollbar-track {background:transparent} .umnoo-clean-v255 #chat-historico .bubble { width:max-content; max-width:min(65%,680px)!important; min-width:0; font-size:14px; line-height:1.62; white-space:pre-wrap; margin-bottom:16px!important; box-shadow:none!important; } .umnoo-clean-v255 #chat-historico .bubble.umnoo { background:transparent!important; border:none!important; border-radius:0!important; padding:11px 0!important; color:#27272b!important; margin-left:max(12px,calc((100% - 940px) / 2))!important; margin-right:auto!important; } .umnoo-clean-v255 #chat-historico .bubble.user { background:#f1f1f3!important; border:none!important; border-radius:16px!important; padding:12px 17px!important; color:#26262b!important; margin-right:max(12px,calc((100% - 940px) / 2))!important; margin-left:auto!important; } .umnoo-clean-v255 #chat-historico .bubble .who { font-size:10px; letter-spacing:0; text-transform:none; font-weight:650; color:#77777b; opacity:1; margin-bottom:5px; } .umnoo-clean-v255 #chat-historico .bubble.umnoo .who {color:#505057} .umnoo-clean-v255 .chat-composer {max-width:760px!important} .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-feedback {width:min(100%,760px);margin:0 auto!important;padding:0 1px!important} .umnoo-clean-v255 #painel-conversar .chat-intro h1 {font-weight:500;} .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-intro {display:flex;justify-content:center} .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-thread {display:none!important} .umnoo-clean-v255 .language-preference {border-bottom:1px solid #e9e9eb;padding:5px 0 18px;margin:0 0 18px} .umnoo-clean-v255 .language-preference label {display:block;font-size:13px;font-weight:650;margin-bottom:8px} .umnoo-clean-v255 .language-preference select {width:100%;border:1px solid #dedee1;background:#fff;padding:11px 12px;font-size:13px;border-radius:12px;color:#222} .umnoo-clean-v255 .language-preference .settings-note {margin:8px 0 0;color:#777;font-size:11px} @media(max-width:680px) { .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] #chat-historico {padding:12px 0 10px!important} .umnoo-clean-v255 #chat-historico .bubble {max-width:88%!important;font-size:13px;line-height:1.5} .umnoo-clean-v255 #chat-historico .bubble.umnoo {margin-left:8px!important;padding:8px 0!important} .umnoo-clean-v255 #chat-historico .bubble.user {margin-right:8px!important;padding:10px 13px!important} } /* consolidated: umnoo-polish-v263.css */ /* UMNOO / Noem 2.7.0 – last-mile mobile layout, feedback and footer. * Keep viewport fixed; only conversation and prompt content scroll internally. */ @media (max-width: 700px) { .umnoo-clean-v255 #painel-conversar{display:flex!important; flex-direction:column!important; justify-content:stretch!important; height:100%!important;min-height:0!important;overflow:hidden!important;} .umnoo-clean-v255 #painel-conversar .chat-workspace, .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-workspace, .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-workspace{ display:flex!important;flex-direction:column!important;flex:1 1 0!important; min-height:0!important;max-width:none!important;width:100%!important; margin:0 auto!important;overflow:visible!important; } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-intro{ margin:auto auto 0!important;padding:0 12px!important;max-width:100%; transform:translateY(-8vh); } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-workspace{ flex:0 0 auto!important;position:static!important;display:flex!important; overflow:visible!important; } .umnoo-clean-v255 #painel-conversar .chat-composer, .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-composer, .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-composer{ display:block!important;position:relative!important; inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important; transform:none!important;align-self:stretch!important;flex:0 0 auto!important; width:100%!important;max-width:none!important; margin:0 auto!important;padding:6px 0 5px!important; z-index:5;background:var(--clean-bg,#fbfbfc)!important; backdrop-filter:none!important; } .umnoo-clean-v255 #painel-conversar:not([data-chat-started="true"]) .chat-composer{ /* Bottom of usable viewport, never vertically centered. */ margin-top:auto!important; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-thread{ flex:1 1 0!important;order:0!important;min-height:0!important; overflow-y:auto!important;overscroll-behavior:contain!important; padding:12px 0 14px!important; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-composer{ order:3!important;margin-top:auto!important; } .umnoo-clean-v255 #painel-conversar[data-chat-started="true"] .chat-feedback{ order:2!important; flex:none!important; } .umnoo-clean-v255 #painel-conversar .chat-feedback{ justify-content:center!important;align-items:center!important;text-align:center!important; margin:10px auto 7px!important;padding:5px 10px!important; gap:8px!important;max-width:100%!important; } .umnoo-clean-v255 #painel-conversar .chat-feedback>span{ flex-basis:auto!important;font-weight:500;margin:0 6px 0 0!important; } .umnoo-clean-v255 #painel-conversar .chat-feedback .btn{min-height:30px;} .umnoo-clean-v255 .footer{ flex-shrink:0;min-height:0!important;padding:11px 0 calc(11px + env(safe-area-inset-bottom,0px))!important; } .umnoo-clean-v255 .footer .wrap{ display:flex!important;flex-direction:column!important;align-items:center!important; justify-content:center!important;gap:7px!important; padding:0 12px!important;width:100%!important;text-align:center!important; } .umnoo-clean-v255 .footer-heading{ display:flex!important;flex-direction:column!important;justify-content:center!important; align-items:center!important;gap:6px!important;width:100%!important; flex-wrap:nowrap!important; } .umnoo-clean-v255 .footer-brand{display:inline-flex!important;align-items:baseline!important;gap:8px!important;} .umnoo-clean-v255 .footer-brand .footer-slogan{display:inline!important;color:#7b7b80;font-size:10px!important;} .umnoo-clean-v255 .footer-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:18px!important;} .umnoo-clean-v255 .footer-links :is(a,button){font-size:11px!important;font-weight:450!important;} .umnoo-clean-v255 .footer-meta{display:none!important;} } @media (max-width: 350px) { .umnoo-clean-v255 #painel-conversar .chat-feedback{flex-wrap:wrap;gap:5px!important} .umnoo-clean-v255 #painel-conversar .chat-feedback>span{flex-basis:100%!important} } /* Native modal owns its own scroll and only opens on explicit negative feedback. */ .umnoo-clean-v255 dialog.feedback-dialog{ position:fixed;inset:0; margin:auto;box-sizing:border-box; width:min(calc(100vw - 28px),480px);max-height:min(88dvh,650px);overflow-y:auto; border:1px solid #e3e3e5;border-radius:20px;background:#fff; padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.18);color:#27272b; font:inherit;z-index:50; } .umnoo-clean-v255 dialog.feedback-dialog::backdrop{background:rgba(14,14,19,.34)} .umnoo-clean-v255 .feedback-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;} .umnoo-clean-v255 .feedback-header h2{font-size:19px;font-weight:620;letter-spacing:-.02em;margin:0} .umnoo-clean-v255 .feedback-close{border:0;border-radius:50%;background:#f3f3f5;color:#57575d;width:34px;height:34px;min-width:34px;font-size:24px;cursor:pointer;} .umnoo-clean-v255 .feedback-dialog>p{font-size:12px;color:#6d6d74;line-height:1.5;margin:7px 0 14px} .umnoo-clean-v255 .feedback-dialog>label:not(.feedback-option){display:block;font-weight:600;font-size:13px;margin:0 0 7px} .umnoo-clean-v255 .feedback-dialog textarea{width:100%;min-height:112px;resize:vertical;border:1px solid #dedee2;border-radius:12px;background:#fff;padding:12px;color:#222;font-size:14px;line-height:1.4} .umnoo-clean-v255 .feedback-option{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;margin:14px 0;} .umnoo-clean-v255 .feedback-option input{flex:none;width:17px;height:17px;margin:1px 0;accent-color:#333;} .umnoo-clean-v255 .feedback-dialog .feedback-privacy{font-size:11px;color:#78787d;margin:12px 0;} .umnoo-clean-v255 .feedback-dialog .feedback-result{font-size:12px;min-height:1em;color:#555;} .umnoo-clean-v255 .feedback-controls{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin:15px 0 0} .umnoo-clean-v255 .feedback-controls .btn{min-height:38px;border-radius:999px;padding:8px 16px;font-size:12px} /* Feedback sits above the composer, not squeezed between input and footer. */ .umnoo-clean-v255 #painel-conversar .chat-feedback{ justify-content:center!important; margin:8px auto 11px!important; padding:7px 8px!important; gap:9px!important; width:100%; max-width:760px!important; } @media(max-width:700px){ .umnoo-clean-v255 #painel-conversar .chat-feedback{ display:flex;order:1!important;flex-wrap:wrap!important; margin:8px auto 10px!important;padding:9px 4px!important; } .umnoo-clean-v255 #painel-conversar .chat-feedback[hidden]{display:none!important;} .umnoo-clean-v255 #painel-conversar .chat-composer{display:flex!important;flex-direction:column!important;} .umnoo-clean-v255 #painel-conversar .chat-composer #form-chat{order:2!important;} }