/* ═══════════════════════════════════════════════════════════════════ UI KIT — botões, checkboxes, toggles e inputs padronizados Cores oficiais (laranja #b5dd26) · tema claro/escuro via --uk-* aliases Carregado por último no pra vencer o CSS inline nas mesmas specs. ═══════════════════════════════════════════════════════════════════ */ :root{ --uk-accent:#b5dd26; --uk-accent-lite:#b5dd26; --uk-accent-deep:#a3c81f; --uk-accent-amber:#b5dd26; --uk-accent-ink:#10130a; } /* ─── REGRA GERAL: fundo verde da marca ⇒ texto/ícone preto (claro e escuro) ─── */ [style*="background:#b5dd26"],[style*="background: #b5dd26"], [style*="background-color:#b5dd26"],[style*="background-color: #b5dd26"], [style*="background:var(--accent)"],[style*="background: var(--accent)"], [style*="background:var(--primary)"],[style*="background: var(--primary)"]{ color:#10130a !important; } [style*="background:#b5dd26"] svg,[style*="background: #b5dd26"] svg, [style*="background:var(--accent)"] svg,[style*="background:var(--primary)"] svg{ stroke:#10130a !important; } /* ─── BOTÃO PRIMÁRIO (estilo Uiverse/ParasSalunke, identidade laranja) ─── */ button.btn-u,.btn-u, .btn-sm:not(.btn-sm-danger):not(.btn-outline):not(.btn-ghost):not(.btn-danger), .btn.btn-primary,button.btn-primary,.btn-primary, button.btn-save,.btn-save,button.btn-add,.btn-add, .btn-new,.btn-add-hdr, .sa-btn-accent,.sa-add-btn,.plan-btn.primary{ position:relative; display:inline-flex;align-items:center;justify-content:center;gap:8px; padding:10px 22px; font-family:inherit;font-weight:600;font-size:13px;line-height:1.3; color:var(--uk-accent-ink,#10130a) !important; border:none !important;border-radius:12px !important;cursor:pointer; background:var(--uk-accent) !important; box-shadow:none; transition:transform .18s,filter .2s; isolation:isolate; } button.btn-u::before,.btn-u::before, .btn-sm:not(.btn-sm-danger):not(.btn-outline):not(.btn-ghost):not(.btn-danger)::before, .btn.btn-primary::before,.btn-primary::before,.btn-save::before,.btn-add::before, .btn-new::before,.btn-add-hdr::before, .sa-btn-accent::before,.sa-add-btn::before,.plan-btn.primary::before{ content:'';position:absolute;inset:0;border-radius:12px;padding:2px; background:var(--uk-accent-ink,#10130a); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude; opacity:0;transition:opacity .25s; } button.btn-u:hover,.btn-u:hover, .btn-sm:not(.btn-sm-danger):not(.btn-outline):not(.btn-ghost):not(.btn-danger):hover, .btn.btn-primary:hover,.btn-primary:hover,.btn-save:hover,.btn-add:hover, .btn-new:hover,.btn-add-hdr:hover, .sa-btn-accent:hover,.sa-add-btn:hover,.plan-btn.primary:hover{ transform:scale(1.045); } button.btn-u:hover::before,.btn-u:hover::before, .btn-sm:not(.btn-sm-danger):not(.btn-outline):not(.btn-ghost):not(.btn-danger):hover::before, .btn.btn-primary:hover::before,.btn-primary:hover::before,.btn-save:hover::before,.btn-add:hover::before, .btn-new:hover::before,.btn-add-hdr:hover::before, .sa-btn-accent:hover::before,.sa-add-btn:hover::before,.plan-btn.primary:hover::before{opacity:1} button.btn-u:active,.btn-u:active, .btn-sm:not(.btn-sm-danger):not(.btn-outline):not(.btn-ghost):not(.btn-danger):active, .btn.btn-primary:active,.btn-primary:active,.btn-save:active,.btn-add:active, .sa-btn-accent:active,.sa-add-btn:active{transform:scale(.96)} button.btn-u:disabled,.btn-u:disabled,.btn-sm:disabled,.btn-primary:disabled,.btn-save:disabled,.sa-btn-accent:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)} /* ─── BOTÃO SECUNDÁRIO (outline / ghost) ─── */ /* fundo cinza translúcido (12% de cinza médio) — fica visível no tema claro E no escuro */ button.btn-outline,.btn-outline,.btn.btn-outline,button.btn-cancel,.btn-cancel, .btn.btn-ghost,.btn-ghost,.sa-btn-outline,.sa-ghost-btn,.btn-back,.back-btn,.btn-new.ghost{ border:1.5px solid rgba(128,128,128,.4) !important; border-radius:12px !important; background:rgba(128,128,128,.13) !important; color:var(--uk-text,#333) !important; padding:2px 18px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer; transition:border-color .2s,background .2s,transform .2s,color .2s;box-shadow:none; } button.btn-outline:hover,.btn-outline:hover,.btn.btn-outline:hover,button.btn-cancel:hover,.btn-cancel:hover, .btn.btn-ghost:hover,.btn-ghost:hover,.sa-btn-outline:hover,.sa-ghost-btn:hover,.btn-back:hover,.back-btn:hover{ border-color:var(--uk-accent) !important;color:var(--uk-text,#333) !important; background:rgba(181,221,38,.18) !important;transform:translateY(-1px); } /* switches existentes: mantém o input escondido (o slider é quem aparece) */ .toggle input[type="checkbox"],.switch input[type="checkbox"],.toggle-container input[type="checkbox"], label.toggle input,.toggle-wrap input[type="checkbox"],.tgl input[type="checkbox"]{ appearance:none !important;-webkit-appearance:none !important; width:0 !important;height:0 !important;opacity:0 !important;position:absolute !important; margin:0 !important;border:none !important;transform:none !important; } .toggle input[type="checkbox"]::before,.switch input[type="checkbox"]::before, .toggle-container input[type="checkbox"]::before,label.toggle input::before{content:none !important} /* ─── BOTÃO DE EXCLUIR / PERIGO — preenchido rgb(255,95,95), texto+ícone brancos ─── */ button.btn-danger,.btn-danger,.btn.btn-danger,.btn-sm-danger,.btn-del,.btn-delete,.btn-remove, .sa-icon-btn.danger,.plan-btn.del,.uk-danger, button[onclick*="excluir" i]:not(.bin-button),button[onclick*="Excluir" i]:not(.bin-button), button[onclick*="deletar" i]:not(.bin-button),button[onclick*="delete" i]:not(.bin-button),button[onclick*="Delete" i]:not(.bin-button), button[onclick*="remover" i]:not(.bin-button),button[onclick*="Remove" i]:not(.bin-button){ background:#111111 !important; color:#fff !important; fill:#fff; border:none !important; border-radius:12px !important; font-family:inherit;font-weight:700;font-size:13px;cursor:pointer; display:inline-flex;align-items:center;justify-content:center;gap:7px; padding:8px 18px; box-shadow:none; transition:background-color .3s,transform .2s; } /* ícone lixeira animado nos botões de texto de excluir */ .btn-sm-danger::before,button.btn-danger::before,.btn-danger::before,.btn.btn-danger::before,.uk-danger::before{ content:'';display:inline-block;width:15px;height:15px;flex-shrink:0;background:#fff; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M 28 7 C 25.243 7 23 9.243 23 12 L 23 15 L 13 15 C 11.896 15 11 15.896 11 17 C 11 18.104 11.896 19 13 19 L 15.109375 19 L 16.792969 49.332031 C 16.970969 52.510031 19.600203 55 22.783203 55 L 41.216797 55 C 44.398797 55 47.029031 52.510031 47.207031 49.332031 L 48.890625 19 L 51 19 C 52.104 19 53 18.104 53 17 C 53 15.896 52.104 15 51 15 L 41 15 L 41 12 C 41 9.243 38.757 7 36 7 L 28 7 z M 28 11 L 36 11 C 36.552 11 37 11.449 37 12 L 37 15 L 27 15 L 27 12 C 27 11.449 27.448 11 28 11 z M 19.113281 19 L 44.886719 19 L 43.212891 49.109375 C 43.153891 50.169375 42.277797 51 41.216797 51 L 22.783203 51 C 21.723203 51 20.846109 50.170328 20.787109 49.111328 L 19.113281 19 z M 32 23.25 C 31.033 23.25 30.25 24.034 30.25 25 L 30.25 45 C 30.25 45.966 31.033 46.75 32 46.75 C 32.967 46.75 33.75 45.966 33.75 45 L 33.75 25 C 33.75 24.034 32.967 23.25 32 23.25 z M 24.642578 23.251953 C 23.677578 23.285953 22.922078 24.094547 22.955078 25.060547 L 23.652344 45.146484 C 23.685344 46.091484 24.462391 46.835938 25.400391 46.835938 C 25.421391 46.835938 25.441891 46.835938 25.462891 46.835938 C 26.427891 46.801938 27.183391 45.991391 27.150391 45.025391 L 26.453125 24.939453 C 26.419125 23.974453 25.606578 23.228953 24.642578 23.251953 z M 39.355469 23.251953 C 38.388469 23.224953 37.580875 23.974453 37.546875 24.939453 L 36.849609 45.025391 C 36.815609 45.991391 37.571109 46.801938 38.537109 46.835938 C 38.558109 46.836938 38.578609 46.835938 38.599609 46.835938 C 39.537609 46.835938 40.314656 46.091484 40.347656 45.146484 L 41.044922 25.060547 C 41.078922 24.094547 40.321469 23.285953 39.355469 23.251953 z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M 28 7 C 25.243 7 23 9.243 23 12 L 23 15 L 13 15 C 11.896 15 11 15.896 11 17 C 11 18.104 11.896 19 13 19 L 15.109375 19 L 16.792969 49.332031 C 16.970969 52.510031 19.600203 55 22.783203 55 L 41.216797 55 C 44.398797 55 47.029031 52.510031 47.207031 49.332031 L 48.890625 19 L 51 19 C 52.104 19 53 18.104 53 17 C 53 15.896 52.104 15 51 15 L 41 15 L 41 12 C 41 9.243 38.757 7 36 7 L 28 7 z M 28 11 L 36 11 C 36.552 11 37 11.449 37 12 L 37 15 L 27 15 L 27 12 C 27 11.449 27.448 11 28 11 z M 19.113281 19 L 44.886719 19 L 43.212891 49.109375 C 43.153891 50.169375 42.277797 51 41.216797 51 L 22.783203 51 C 21.723203 51 20.846109 50.170328 20.787109 49.111328 L 19.113281 19 z M 32 23.25 C 31.033 23.25 30.25 24.034 30.25 25 L 30.25 45 C 30.25 45.966 31.033 46.75 32 46.75 C 32.967 46.75 33.75 45.966 33.75 45 L 33.75 25 C 33.75 24.034 32.967 23.25 32 23.25 z M 24.642578 23.251953 C 23.677578 23.285953 22.922078 24.094547 22.955078 25.060547 L 23.652344 45.146484 C 23.685344 46.091484 24.462391 46.835938 25.400391 46.835938 C 25.421391 46.835938 25.441891 46.835938 25.462891 46.835938 C 26.427891 46.801938 27.183391 45.991391 27.150391 45.025391 L 26.453125 24.939453 C 26.419125 23.974453 25.606578 23.228953 24.642578 23.251953 z M 39.355469 23.251953 C 38.388469 23.224953 37.580875 23.974453 37.546875 24.939453 L 36.849609 45.025391 C 36.815609 45.991391 37.571109 46.801938 38.537109 46.835938 C 38.558109 46.836938 38.578609 46.835938 38.599609 46.835938 C 39.537609 46.835938 40.314656 46.091484 40.347656 45.146484 L 41.044922 25.060547 C 41.078922 24.094547 40.321469 23.285953 39.355469 23.251953 z'/%3E%3C/svg%3E") center/contain no-repeat; transition:transform .25s; } .btn-sm-danger:hover::before,button.btn-danger:hover::before,.btn-danger:hover::before,.btn.btn-danger:hover::before,.uk-danger:hover::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cpath d='M30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM20.67,19.48c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM19.25,18.16c-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32ZM36.55,14.84c-.83,0-1.51.65-1.56,1.48l-1.23,22.05c-.05.82-.73,1.47-1.56,1.47h-14.4c-.83,0-1.51-.65-1.56-1.47l-1.23-22.05c-.05-.83-.73-1.48-1.56-1.48h0c-.9,0-1.61.75-1.56,1.65l1.23,22.05c.14,2.48,2.19,4.43,4.68,4.43h14.4c2.49,0,4.54-1.95,4.68-4.43l1.23-22.05c.05-.9-.66-1.65-1.56-1.65h0ZM30.11,36.59h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41ZM25,36.52c.76,0,1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37s-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36ZM19.84,36.59h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32Z'/%3E %3Cpath d='M40.32,12.09l-7.65-1.57.47-2.3c.43-2.11-.93-4.17-3.05-4.61l-6.11-1.25c-2.12-.43-4.18.93-4.61,3.04l-.47,2.3-7.65-1.57c-.85-.17-1.68.37-1.85,1.21s.37,1.67,1.23,1.84l29.08,5.95c.85.17,1.68-.37,1.85-1.21s-.37-1.67-1.23-1.84ZM29.61,9.9l-7.66-1.57.47-2.3c.09-.42.5-.69.93-.61l6.11,1.25c.43.09.7.5.62.92l-.47,2.3Z'/%3E %3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cpath d='M30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM20.67,19.48c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM19.25,18.16c-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32ZM36.55,14.84c-.83,0-1.51.65-1.56,1.48l-1.23,22.05c-.05.82-.73,1.47-1.56,1.47h-14.4c-.83,0-1.51-.65-1.56-1.47l-1.23-22.05c-.05-.83-.73-1.48-1.56-1.48h0c-.9,0-1.61.75-1.56,1.65l1.23,22.05c.14,2.48,2.19,4.43,4.68,4.43h14.4c2.49,0,4.54-1.95,4.68-4.43l1.23-22.05c.05-.9-.66-1.65-1.56-1.65h0ZM30.11,36.59h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41ZM25,36.52c.76,0,1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37s-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36ZM19.84,36.59h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32Z'/%3E %3Cpath d='M40.32,12.09l-7.65-1.57.47-2.3c.43-2.11-.93-4.17-3.05-4.61l-6.11-1.25c-2.12-.43-4.18.93-4.61,3.04l-.47,2.3-7.65-1.57c-.85-.17-1.68.37-1.85,1.21s.37,1.67,1.23,1.84l29.08,5.95c.85.17,1.68-.37,1.85-1.21s-.37-1.67-1.23-1.84ZM29.61,9.9l-7.66-1.57.47-2.3c.09-.42.5-.69.93-.61l6.11,1.25c.43.09.7.5.62.92l-.47,2.3Z'/%3E %3C/svg%3E"); transform:translateY(-1px) scale(1.05); } .sa-icon-btn.danger::before,.btn-del::before,.plan-btn.del::before{content:none} button.btn-danger svg *,.btn-danger svg *,.btn.btn-danger svg *,.btn-sm-danger svg *,.btn-del svg *, .uk-danger svg *, button[onclick*="excluir" i]:not(.bin-button) svg *,button[onclick*="delete" i]:not(.bin-button) svg *,button[onclick*="remover" i]:not(.bin-button) svg *{ stroke:#fff !important; } button.btn-danger:hover,.btn-danger:hover,.btn.btn-danger:hover,.btn-sm-danger:hover,.btn-del:hover, .sa-icon-btn.danger:hover,.plan-btn.del:hover,.uk-danger:hover, button[onclick*="excluir" i]:not(.bin-button):hover,button[onclick*="delete" i]:not(.bin-button):hover,button[onclick*="remover" i]:not(.bin-button):hover{ background:#000000 !important;transform:translateY(-1px); } button.btn-danger:active,.btn-danger:active,.btn-sm-danger:active,.btn-del:active,.uk-danger:active{transform:scale(.94)} /* ─── LIXEIRA (icons8 lixo-fechado / lixo-aberto — tampa abre no hover) ─── */ .bin-button{ display:inline-flex;align-items:center;justify-content:center;flex-shrink:0; align-self:stretch; width:auto;height:auto;min-height:0; border-radius:12px !important;border:none !important;padding:7px !important; background:#111111 !important;background-color:#111111 !important; cursor:pointer;gap:0 !important; transition:background-color .3s,transform .2s; } .bin-button::before{ content:'' !important;display:block !important;width:18px !important;height:18px !important;background:#fff !important; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M 28 7 C 25.243 7 23 9.243 23 12 L 23 15 L 13 15 C 11.896 15 11 15.896 11 17 C 11 18.104 11.896 19 13 19 L 15.109375 19 L 16.792969 49.332031 C 16.970969 52.510031 19.600203 55 22.783203 55 L 41.216797 55 C 44.398797 55 47.029031 52.510031 47.207031 49.332031 L 48.890625 19 L 51 19 C 52.104 19 53 18.104 53 17 C 53 15.896 52.104 15 51 15 L 41 15 L 41 12 C 41 9.243 38.757 7 36 7 L 28 7 z M 28 11 L 36 11 C 36.552 11 37 11.449 37 12 L 37 15 L 27 15 L 27 12 C 27 11.449 27.448 11 28 11 z M 19.113281 19 L 44.886719 19 L 43.212891 49.109375 C 43.153891 50.169375 42.277797 51 41.216797 51 L 22.783203 51 C 21.723203 51 20.846109 50.170328 20.787109 49.111328 L 19.113281 19 z M 32 23.25 C 31.033 23.25 30.25 24.034 30.25 25 L 30.25 45 C 30.25 45.966 31.033 46.75 32 46.75 C 32.967 46.75 33.75 45.966 33.75 45 L 33.75 25 C 33.75 24.034 32.967 23.25 32 23.25 z M 24.642578 23.251953 C 23.677578 23.285953 22.922078 24.094547 22.955078 25.060547 L 23.652344 45.146484 C 23.685344 46.091484 24.462391 46.835938 25.400391 46.835938 C 25.421391 46.835938 25.441891 46.835938 25.462891 46.835938 C 26.427891 46.801938 27.183391 45.991391 27.150391 45.025391 L 26.453125 24.939453 C 26.419125 23.974453 25.606578 23.228953 24.642578 23.251953 z M 39.355469 23.251953 C 38.388469 23.224953 37.580875 23.974453 37.546875 24.939453 L 36.849609 45.025391 C 36.815609 45.991391 37.571109 46.801938 38.537109 46.835938 C 38.558109 46.836938 38.578609 46.835938 38.599609 46.835938 C 39.537609 46.835938 40.314656 46.091484 40.347656 45.146484 L 41.044922 25.060547 C 41.078922 24.094547 40.321469 23.285953 39.355469 23.251953 z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M 28 7 C 25.243 7 23 9.243 23 12 L 23 15 L 13 15 C 11.896 15 11 15.896 11 17 C 11 18.104 11.896 19 13 19 L 15.109375 19 L 16.792969 49.332031 C 16.970969 52.510031 19.600203 55 22.783203 55 L 41.216797 55 C 44.398797 55 47.029031 52.510031 47.207031 49.332031 L 48.890625 19 L 51 19 C 52.104 19 53 18.104 53 17 C 53 15.896 52.104 15 51 15 L 41 15 L 41 12 C 41 9.243 38.757 7 36 7 L 28 7 z M 28 11 L 36 11 C 36.552 11 37 11.449 37 12 L 37 15 L 27 15 L 27 12 C 27 11.449 27.448 11 28 11 z M 19.113281 19 L 44.886719 19 L 43.212891 49.109375 C 43.153891 50.169375 42.277797 51 41.216797 51 L 22.783203 51 C 21.723203 51 20.846109 50.170328 20.787109 49.111328 L 19.113281 19 z M 32 23.25 C 31.033 23.25 30.25 24.034 30.25 25 L 30.25 45 C 30.25 45.966 31.033 46.75 32 46.75 C 32.967 46.75 33.75 45.966 33.75 45 L 33.75 25 C 33.75 24.034 32.967 23.25 32 23.25 z M 24.642578 23.251953 C 23.677578 23.285953 22.922078 24.094547 22.955078 25.060547 L 23.652344 45.146484 C 23.685344 46.091484 24.462391 46.835938 25.400391 46.835938 C 25.421391 46.835938 25.441891 46.835938 25.462891 46.835938 C 26.427891 46.801938 27.183391 45.991391 27.150391 45.025391 L 26.453125 24.939453 C 26.419125 23.974453 25.606578 23.228953 24.642578 23.251953 z M 39.355469 23.251953 C 38.388469 23.224953 37.580875 23.974453 37.546875 24.939453 L 36.849609 45.025391 C 36.815609 45.991391 37.571109 46.801938 38.537109 46.835938 C 38.558109 46.836938 38.578609 46.835938 38.599609 46.835938 C 39.537609 46.835938 40.314656 46.091484 40.347656 45.146484 L 41.044922 25.060547 C 41.078922 24.094547 40.321469 23.285953 39.355469 23.251953 z'/%3E%3C/svg%3E") center/contain no-repeat; transition:transform .25s; } .bin-button:hover{background:#000000 !important;background-color:#000000 !important} .bin-button:hover::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cpath d='M30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM20.67,19.48c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM19.25,18.16c-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32ZM36.55,14.84c-.83,0-1.51.65-1.56,1.48l-1.23,22.05c-.05.82-.73,1.47-1.56,1.47h-14.4c-.83,0-1.51-.65-1.56-1.47l-1.23-22.05c-.05-.83-.73-1.48-1.56-1.48h0c-.9,0-1.61.75-1.56,1.65l1.23,22.05c.14,2.48,2.19,4.43,4.68,4.43h14.4c2.49,0,4.54-1.95,4.68-4.43l1.23-22.05c.05-.9-.66-1.65-1.56-1.65h0ZM30.11,36.59h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41ZM25,36.52c.76,0,1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37s-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36ZM19.84,36.59h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32Z'/%3E %3Cpath d='M40.32,12.09l-7.65-1.57.47-2.3c.43-2.11-.93-4.17-3.05-4.61l-6.11-1.25c-2.12-.43-4.18.93-4.61,3.04l-.47,2.3-7.65-1.57c-.85-.17-1.68.37-1.85,1.21s.37,1.67,1.23,1.84l29.08,5.95c.85.17,1.68-.37,1.85-1.21s-.37-1.67-1.23-1.84ZM29.61,9.9l-7.66-1.57.47-2.3c.09-.42.5-.69.93-.61l6.11,1.25c.43.09.7.5.62.92l-.47,2.3Z'/%3E %3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cpath d='M30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM20.67,19.48c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM30.75,18.16c-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42ZM25,18.16c-.76,0-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36s1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37ZM19.25,18.16c-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32ZM36.55,14.84c-.83,0-1.51.65-1.56,1.48l-1.23,22.05c-.05.82-.73,1.47-1.56,1.47h-14.4c-.83,0-1.51-.65-1.56-1.47l-1.23-22.05c-.05-.83-.73-1.48-1.56-1.48h0c-.9,0-1.61.75-1.56,1.65l1.23,22.05c.14,2.48,2.19,4.43,4.68,4.43h14.4c2.49,0,4.54-1.95,4.68-4.43l1.23-22.05c.05-.9-.66-1.65-1.56-1.65h0ZM30.11,36.59h.05c.73,0,1.34-.58,1.36-1.32l.55-15.69c.02-.76-.57-1.39-1.32-1.42-.76-.02-1.39.57-1.42,1.32l-.54,15.7c-.03.75.56,1.38,1.32,1.41ZM25,36.52c.76,0,1.37-.61,1.37-1.36v-15.63c0-.75-.61-1.37-1.37-1.37s-1.37.62-1.37,1.37v15.63c0,.75.61,1.36,1.37,1.36ZM19.84,36.59h.05c.76-.03,1.35-.66,1.32-1.41l-.54-15.7c-.03-.75-.66-1.33-1.42-1.32-.75.03-1.34.66-1.32,1.42l.55,15.69c.02.74.63,1.32,1.36,1.32Z'/%3E %3Cpath d='M40.32,12.09l-7.65-1.57.47-2.3c.43-2.11-.93-4.17-3.05-4.61l-6.11-1.25c-2.12-.43-4.18.93-4.61,3.04l-.47,2.3-7.65-1.57c-.85-.17-1.68.37-1.85,1.21s.37,1.67,1.23,1.84l29.08,5.95c.85.17,1.68-.37,1.85-1.21s-.37-1.67-1.23-1.84ZM29.61,9.9l-7.66-1.57.47-2.3c.09-.42.5-.69.93-.61l6.11,1.25c.43.09.7.5.62.92l-.47,2.3Z'/%3E %3C/svg%3E"); transform:translateY(-1px) scale(1.04); } .bin-button:active{transform:scale(.9)} /* variante com texto (ex: "Excluir Pipeline") */ .bin-button.has-text{ width:auto !important;height:auto !important;align-self:auto; padding:9px 18px !important;gap:8px !important; font-family:inherit;font-weight:700;font-size:13px;color:#fff !important; } .bin-button.has-text::before{width:16px !important;height:16px !important;flex-shrink:0} /* botão-ícone pequeno de excluir */ .sa-icon-btn.danger{padding:7px !important;border-radius:12px !important;border-width:2px !important} /* ─── CHECKBOX (estilo Uiverse/KhaledMatalkah) — só CSS ─── */ input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk){ appearance:none;-webkit-appearance:none;-moz-appearance:none; width:22px;height:22px;flex-shrink:0;vertical-align:middle; border:2px solid var(--uk-text-dim,#9a9a92);border-radius:5px; display:inline-grid;place-content:center;cursor:pointer;position:relative; background:var(--uk-field-bg,#fff); transition:background-color .3s,border-color .3s,transform .35s,box-shadow .25s; } input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk)::before{ content:"\2713";font-size:14px;font-weight:800;color:transparent;transition:color .3s;line-height:1; } input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk):hover{border-color:var(--uk-accent);transform:scale(1.06)} input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk):checked{ background:var(--uk-accent);border-color:var(--uk-accent);transform:scale(1.08) rotateZ(360deg); } input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk):checked::before{color:#fff} input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk):focus-visible{outline:none;box-shadow:none} /* ─── TOGGLE / SWITCH ─── */ .toggle-sw{ width:44px !important;height:24px !important;border-radius:99px !important; background:var(--uk-text-dim,#d3d3d6) !important;position:relative;cursor:pointer; transition:background .35s !important;flex-shrink:0; } .toggle-sw.on{background:var(--uk-accent) !important} .toggle-knob{ width:18px !important;height:18px !important;border-radius:50% !important;background:#fff !important; position:absolute;top:3px !important;left:3px !important; transition:left .32s cubic-bezier(.34,1.56,.64,1) !important;box-shadow:none; } .toggle-sw.on .toggle-knob{left:23px !important} /* switch com checkbox + slider (pipeline .toggle-slider / agents .tslider) */ .toggle-slider,.tslider{background:var(--uk-text-dim,#d3d3d6) !important;transition:background .35s !important} .toggle input:checked + .toggle-slider,.toggle input:checked + .tslider{background:var(--uk-accent) !important} /* checkbox marcado como .uk-toggle */ input[type="checkbox"].uk-toggle{ appearance:none;-webkit-appearance:none;width:44px;height:24px;border:none;border-radius:99px; background:var(--uk-text-dim,#d3d3d6);position:relative;cursor:pointer;flex-shrink:0;transition:background .35s; } input[type="checkbox"].uk-toggle::before{ content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%; background:#fff;box-shadow:none;transition:left .32s cubic-bezier(.34,1.56,.64,1); } input[type="checkbox"].uk-toggle:checked{background:var(--uk-accent)} input[type="checkbox"].uk-toggle:checked::before{left:23px} /* ─── INPUTS / SELECT / TEXTAREA ─── */ .form-input,.finput,.fselect,.ftextarea,.tinput,.hinput,.info-select,.form-control,.uk-input, .sa-form-input,.sa-field input,.sa-field select, .modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), .modal select,.modal textarea, .modal-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), .modal-body select,.modal-body textarea{ background:var(--uk-field-bg,#fff) !important; border:1.5px solid var(--uk-border,#e8e8e4) !important; border-radius:10px !important; padding:10px 13px; color:var(--uk-text,#1a1a18) !important; font-family:inherit;font-size:13px;outline:none; transition:border-color .2s,box-shadow .2s,background .2s; } .form-input:focus,.finput:focus,.fselect:focus,.ftextarea:focus,.tinput:focus,.hinput:focus, .info-select:focus,.form-control:focus,.uk-input:focus,.sa-form-input:focus, .sa-field input:focus,.sa-field select:focus, .modal input:not([type="checkbox"]):not([type="radio"]):focus,.modal select:focus,.modal textarea:focus, .modal-body input:not([type="checkbox"]):not([type="radio"]):focus,.modal-body select:focus,.modal-body textarea:focus{ border-color:var(--uk-accent) !important; box-shadow:none; } .form-input::placeholder,.finput::placeholder,.fselect::placeholder,.ftextarea::placeholder, .tinput::placeholder,textarea::placeholder,.sa-form-input::placeholder{color:var(--uk-text-dim,#9e9e98);opacity:.85} /* ─── TEMA ESCURO: inputs e checkbox escuros (cobre [data-theme] e body.dark-mode) ─── */ :root[data-theme="dark"] .form-input,:root[data-theme="dark"] .finput,:root[data-theme="dark"] .fselect, :root[data-theme="dark"] .ftextarea,:root[data-theme="dark"] .tinput,:root[data-theme="dark"] .hinput, :root[data-theme="dark"] .info-select,:root[data-theme="dark"] .form-control,:root[data-theme="dark"] .uk-input, :root[data-theme="dark"] .sa-form-input,:root[data-theme="dark"] .sa-field input,:root[data-theme="dark"] .sa-field select, :root[data-theme="dark"] .modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), :root[data-theme="dark"] .modal select,:root[data-theme="dark"] .modal textarea, :root[data-theme="dark"] .modal-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), :root[data-theme="dark"] .modal-body select,:root[data-theme="dark"] .modal-body textarea, body.dark-mode .form-input,body.dark-mode .finput,body.dark-mode .fselect,body.dark-mode .ftextarea, body.dark-mode .tinput,body.dark-mode .hinput,body.dark-mode .info-select,body.dark-mode .form-control, body.dark-mode .uk-input,body.dark-mode .sa-form-input, body.dark-mode .modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), body.dark-mode .modal select,body.dark-mode .modal textarea, body.dark-mode .modal-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), body.dark-mode .modal-body select,body.dark-mode .modal-body textarea{ background:#1c1e24 !important; border-color:#33373f !important; color:#f0f0ee !important; } :root[data-theme="dark"] .form-input::placeholder,:root[data-theme="dark"] .finput::placeholder, body.dark-mode .form-input::placeholder,body.dark-mode .finput::placeholder, :root[data-theme="dark"] textarea::placeholder,body.dark-mode textarea::placeholder{color:#7a7a74 !important} :root[data-theme="dark"] input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk):not(:checked), body.dark-mode input[type="checkbox"]:not(.toggle):not(.toggle-input):not(.uk-toggle):not(.no-uk):not(:checked){ background:#1c1e24;border-color:#4a4e58; }