from { opacity: 0; transform: scale(0.93) translateY(8px); } to { opacity: 1; transform: scale(1) translateY(0); } } .modal h3 { font-size: 16px; font-weight: 600; margin-bottom: 16px; } .modal input, .modal select, .modal textarea { width: 100%; padding: 9px 12px; border: 1px solid var(--border); border-radius: var(--radius); font-family: var(--font-ui); font-size: 13px; color: var(--text); outline: none; margin-bottom: 12px; transition: border 0.15s; } .modal input:focus, .modal textarea:focus { border-color: var(--accent); } .modal-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 8px; } .modal-actions button { padding: 8px 18px; border: none; cursor: pointer; border-radius: 20px; font-family: var(--font-ui); font-size: 13px; font-weight: 500; transition: all 0.15s; } .modal-actions .confirm { background: var(--accent); color: white; } .modal-actions .confirm:hover { background: #1557b0; } .modal-actions .cancel { background: var(--bg); color: var(--text-muted); } .modal-actions .cancel:hover { background: var(--border); } /* ─── TOAST ─── */ #toast { position: fixed; bottom: 44px; left: 50%; transform: translateX(-50%); background: #323232; color: white; padding: 10px 20px; border-radius: 20px; font-size: 13px; opacity: 0; pointer-events: none; transition: opacity 0.2s; z-index: 300; white-space: nowrap; } #toast.show { opacity: 1; } /* ─── SCROLLBAR ─── */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #aaa; } /* ─── TOOLTIP ─── */ [data-tip] { position: relative; } [data-tip]::after { content: attr(data-tip); position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: #323232; color: white; font-size: 11px; padding: 4px 8px; border-radius: 4px; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity 0.15s; } [data-tip]:hover::after { opacity: 1; } @media (max-width: 900px) { :root { --paper-w: 100vw; } .page { padding: 40px 24px; border-radius: 0; } #doc-title { font-size: 15px; } #logo-text { display: none; } }

Bem-vindo ao GTIE DOCS

Este é seu editor de documentos completo. Comece a escrever aqui...

Use a barra de ferramentas acima para formatar seu texto, inserir imagens, tabelas e muito mais.

Recursos disponíveis

✅ Formatação completa (negrito, itálico, sublinhado, cores)
✅ Títulos e estilos de parágrafo
✅ Listas ordenadas e não ordenadas
✅ Inserção de imagens e tabelas
✅ Export para PDF e DOCX
✅ Import de arquivos .docx
✅ 100% offline

📄 0 palavras 🔤 0 caracteres ● Auto-salvo