/* Painel Impulso V2 - nav, tema admin, botões e acabamento final */ :root{ --pi-bg:#05050f; --pi-bg2:#090a18; --pi-card:rgba(255,255,255,.065); --pi-card2:rgba(255,255,255,.085); --pi-line:rgba(255,255,255,.13); --pi-text:#ffffff; --pi-muted:#b9bfd5; --pi-purple:#7c3cff; --pi-blue:#14d9ff; --pi-blue2:#3f7cff; --pi-green:#19e6a5; --pi-radius:22px; --pi-primary:linear-gradient(135deg,#7c3cff 0%,#3f7cff 48%,#14d9ff 100%); } .rld-admin-light{ --pi-bg:#f6f8ff; --pi-bg2:#edf2ff; --pi-card:rgba(255,255,255,.92); --pi-card2:#fff; --pi-line:rgba(31,41,75,.14); --pi-text:#10172a; --pi-muted:#53607e; } .rld-admin-dark,.rld-admin-light{ background: radial-gradient(circle at 16% 10%, rgba(124,60,255,.13), transparent 28%), radial-gradient(circle at 84% 14%, rgba(20,217,255,.10), transparent 28%), linear-gradient(180deg,var(--pi-bg) 0%,var(--pi-bg2) 45%,var(--pi-bg) 100%)!important; color:var(--pi-text)!important; } .rld-admin-dark:before,.rld-admin-light:before,body:before{ content:"";position:fixed;inset:0;pointer-events:none;z-index:-1; background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px); background-size:22px 22px;opacity:.24; } .rld-admin-light:before{background-image:radial-gradient(rgba(40,55,100,.10) 1px, transparent 1px);opacity:.35} .card,.modal-content{border-radius:22px!important;border:1px solid var(--pi-line)!important;background:var(--pi-card)!important;color:var(--pi-text)!important;box-shadow:0 22px 64px rgba(0,0,0,.22)!important} .card-header,.modal-header{border-bottom:1px solid var(--pi-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important} .card-title,.modal-title,.page-title{color:var(--pi-text)!important;font-weight:950!important;letter-spacing:-.02em} .form-control,select.form-control,textarea.form-control,.selectize-input{color:var(--pi-text)!important;background:rgba(5,5,15,.72)!important;border:1px solid var(--pi-line)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important} .rld-admin-light .form-control,.rld-admin-light select.form-control,.rld-admin-light textarea.form-control,.rld-admin-light .selectize-input{background:rgba(255,255,255,.90)!important;color:#10172a!important} label,.form-label,.custom-control-label{color:var(--pi-muted)!important;font-weight:850!important} .btn,.btn-primary,.btn-info,button[type="submit"].btn-primary,a.btn-primary,.btn-min-width{border-radius:14px!important;font-weight:900!important;text-decoration:none!important} .btn:before,.btn:after,.btn-primary:before,.btn-primary:after,.btn-info:before,.btn-info:after,a.btn:before,a.btn:after,button:before,button:after{display:none!important;content:none!important;box-shadow:none!important;border:0!important} .btn-primary,.btn-info,button[type="submit"].btn-primary,a.btn-primary{color:#fff!important;border:0!important;background:var(--pi-primary)!important;box-shadow:0 14px 32px rgba(63,124,255,.22),0 0 24px rgba(20,217,255,.08)!important} .btn-secondary,.btn-default{color:var(--pi-text)!important;border:1px solid var(--pi-line)!important;background:rgba(255,255,255,.075)!important} .table{color:var(--pi-text)!important;border-color:var(--pi-line)!important} .table th,.table td{color:var(--pi-text)!important;border-color:rgba(255,255,255,.075)!important} .table thead th,.table thead td{color:var(--pi-muted)!important;background:rgba(255,255,255,.045)!important;font-weight:950!important} /* NAV V2 */ .pi-sidebar-v2{background:linear-gradient(180deg,#070719,#0a0d24)!important;border-right:1px solid rgba(255,255,255,.10)!important} .pi-sidebar-v2 .rld-sidebar-badge{border-radius:18px!important;background:rgba(255,255,255,.060)!important;border:1px solid rgba(255,255,255,.12)!important} .pi-sidebar-v2 #main-menu-navigation{padding:8px 0 18px!important} .pi-sidebar-v2 .nav-item{position:relative!important} .pi-sidebar-v2 .nav-link{min-height:46px!important;margin:4px 10px!important;padding:0 14px!important;border-radius:15px!important;display:flex!important;align-items:center!important;gap:12px!important;color:rgba(255,255,255,.80)!important;border:1px solid transparent!important;background:transparent!important;transition:.18s ease!important} .pi-sidebar-v2 .nav-link i{width:20px!important;text-align:center!important;color:#dfe8ff!important} .pi-sidebar-v2 .nav-link:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important} .pi-sidebar-v2 .nav-link.active,.pi-sidebar-v2 .nav-link.pi-open{background:linear-gradient(135deg,rgba(124,60,255,.78),rgba(63,124,255,.58),rgba(20,217,255,.22))!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:0 12px 28px rgba(63,124,255,.20)!important} .pi-sidebar-v2 .nav-link.submenu:after,.pi-sidebar-v2 .submenu-orders>.nav-link:after,.pi-sidebar-v2 .submenu-support>.nav-link:after,.pi-sidebar-v2 .submenu-user>.nav-link:after,.pi-sidebar-v2 .submenu-admin>.nav-link:after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.78);border-bottom:2px solid rgba(255,255,255,.78);transform:translateY(-60%) rotate(45deg);transition:.18s ease} .pi-sidebar-v2 .nav-link.pi-open:after,.pi-sidebar-v2 .nav-link.active:after{transform:translateY(-25%) rotate(225deg)} .pi-sidebar-v2 .submenu-menu{margin:4px 10px 10px 19px!important;padding:8px!important;border:1px solid rgba(255,255,255,.08)!important;border-left:2px solid #14d9ff!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important} .pi-sidebar-v2 .submenu-menu .dropdown-item{min-height:36px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 11px!important;border-radius:11px!important;color:rgba(255,255,255,.78)!important;background:transparent!important} .pi-sidebar-v2 .submenu-menu .dropdown-item:hover,.pi-sidebar-v2 .submenu-menu .dropdown-item.active{color:#fff!important;background:rgba(20,217,255,.10)!important} .pi-sidebar-v2 .badge-pill{background:rgba(20,217,255,.14)!important;color:#14d9ff!important;border:1px solid rgba(20,217,255,.24)!important} /* TikTok/Instagram */ .brand-tiktok .rld-service-pill-icon{background:#0a0a0f!important;border:1px solid rgba(255,255,255,.14)!important} .pi-tiktok-svg{display:block!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.28))} .pi-footer-instagram-icon svg{display:block!important;color:#fff!important} /* Payments BR / settings */ .pi-payment-br-card,.pi-setting-section{border-radius:18px!important;border:1px solid var(--pi-line)!important;background:rgba(255,255,255,.045)!important;padding:18px!important;margin:14px 0!important} .pi-payment-br-card h6{font-size:15px!important;font-weight:950!important;color:var(--pi-text)!important;margin:0 0 14px!important} .pi-br-payment-head{text-align:center;padding:12px 0 18px} .pi-br-payment-logo{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 10px;border-radius:18px;background:var(--pi-primary);color:#fff;font-size:25px} .pi-accent-purple{--pi-primary:linear-gradient(135deg,#7c3cff,#9b65ff,#3f7cff)} .pi-accent-cyan{--pi-primary:linear-gradient(135deg,#14d9ff,#3f7cff,#7c3cff)} .pi-accent-blue{--pi-primary:linear-gradient(135deg,#7c3cff,#3f7cff,#14d9ff)} @media(max-width:767px){.pi-sidebar-v2 .nav-link{margin-left:8px!important;margin-right:8px!important}.card{border-radius:20px!important}.modal-dialog{margin:12px!important}} /* MENU FLAT SEM SUBMENU V11 Remove submenus/clicks. Tudo fica direto por categoria, sem risco de travar seletor. */ .pi-sidebar-flat-v11, #headerMenuCollapse{ overflow-x:hidden!important; } .pi-sidebar-flat-v11 .rld-sidebar-inner, #headerMenuCollapse .rld-sidebar-inner, #headerMenuCollapse .header{ overflow-x:hidden!important; overflow-y:auto!important; scrollbar-width:thin; scrollbar-color:#7c3cff rgba(255,255,255,.06); } .pi-sidebar-flat-v11 .pi-flat-menu-v11{ display:flex!important; flex-direction:column!important; gap:4px!important; padding:6px 0 18px!important; margin:0!important; border:0!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-item{ width:100%!important; margin:0!important; padding:0!important; list-style:none!important; } .pi-sidebar-flat-v11 .pi-menu-section-title{ margin:15px 18px 5px!important; color:rgba(255,255,255,.42)!important; font-size:10px!important; line-height:1!important; text-transform:uppercase!important; letter-spacing:.12em!important; font-weight:950!important; list-style:none!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-link{ position:relative!important; min-height:44px!important; width:calc(100% - 24px)!important; max-width:calc(100% - 24px)!important; margin:3px 12px!important; padding:0 14px!important; border-radius:15px!important; display:flex!important; align-items:center!important; gap:12px!important; color:rgba(255,255,255,.82)!important; border:1px solid transparent!important; background:transparent!important; font-size:13px!important; font-weight:900!important; text-decoration:none!important; box-sizing:border-box!important; overflow:hidden!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-link i{ width:21px!important; min-width:21px!important; flex:0 0 21px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; color:#dfe8ff!important; opacity:.92!important; font-size:16px!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-link span{ min-width:0!important; display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-link:hover{ color:#fff!important; background:rgba(255,255,255,.065)!important; border-color:rgba(255,255,255,.10)!important; transform:translateX(2px)!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-link.active{ color:#fff!important; background:linear-gradient(135deg,rgba(124,60,255,.92),rgba(63,124,255,.68),rgba(20,217,255,.26))!important; border-color:rgba(255,255,255,.16)!important; box-shadow:0 12px 28px rgba(63,124,255,.18), inset 0 1px 0 rgba(255,255,255,.08)!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-link.active:before{ content:""!important; position:absolute!important; right:7px!important; top:50%!important; transform:translateY(-50%)!important; width:4px!important; height:22px!important; border-radius:999px!important; background:linear-gradient(180deg,#14d9ff,#7c3cff)!important; box-shadow:0 0 14px rgba(20,217,255,.55)!important; } .pi-sidebar-flat-v11 .pi-flat-menu-v11 .badge, .pi-sidebar-flat-v11 .pi-flat-menu-v11 .badge-pill{ margin-left:auto!important; border-radius:999px!important; border:1px solid rgba(20,217,255,.24)!important; background:linear-gradient(135deg,#7c3cff,#14d9ff)!important; color:#fff!important; font-size:10px!important; font-weight:950!important; padding:4px 8px!important; } .pi-sidebar-flat-v11 .submenu-menu, .pi-sidebar-flat-v11 .nav-item-show, .pi-sidebar-flat-v11 .mini-menu-only{ display:none!important; } .pi-sidebar-flat-v11.navclose .pi-flat-menu-v11 .nav-link span, .pi-sidebar-flat-v11.navclose .rld-sidebar-badge div, .pi-sidebar-flat-v11.navclose .pi-panel-brand-text, .pi-sidebar-flat-v11.navclose .rld-sidebar-footer{ display:block!important; } @media(max-width:767px){ .pi-sidebar-flat-v11 .pi-flat-menu-v11 .nav-link{ margin-left:10px!important; margin-right:10px!important; width:calc(100% - 20px)!important; max-width:calc(100% - 20px)!important; } } /* FIM MENU FLAT SEM SUBMENU V11 */ /* MENU ADD THEME V17 - mesmo patch do header, mantido também no CSS externo */ /* MENU ADD THEME V17 - aplicado no header para vencer estilos antigos inline */ #headerMenuCollapse.pi-sidebar-add-v17{ --pi-menu-bg:#09051c; --pi-menu-bg-2:#0e0a25; --pi-menu-card:rgba(44,32,75,.76); --pi-menu-card-2:rgba(22,34,58,.64); --pi-menu-line:rgba(112,93,170,.34); --pi-menu-text:#ffffff; --pi-menu-muted:rgba(230,235,255,.68); --pi-menu-active:linear-gradient(135deg,#6c3cff 0%,#3f7cff 52%,#14d9ff 100%); --pi-menu-active-soft:linear-gradient(135deg,rgba(124,60,255,.82),rgba(63,124,255,.56),rgba(20,217,255,.30)); --pi-menu-icon:linear-gradient(135deg,rgba(124,60,255,.58),rgba(63,124,255,.36),rgba(20,217,255,.18)); background: radial-gradient(circle at 24% 0%, rgba(124,60,255,.22), transparent 35%), radial-gradient(circle at 96% 12%, rgba(20,217,255,.13), transparent 30%), linear-gradient(180deg,var(--pi-menu-bg) 0%,var(--pi-menu-bg-2) 44%,#080719 100%)!important; border-right:1px solid rgba(124,60,255,.34)!important; box-shadow:18px 0 46px rgba(0,0,0,.30), inset -1px 0 0 rgba(20,217,255,.10)!important; overflow-x:hidden!important; } #headerMenuCollapse.pi-sidebar-add-v17.pi-accent-purple{ --pi-menu-active:linear-gradient(135deg,#7c3cff 0%,#5c4cff 55%,#14d9ff 100%); --pi-menu-active-soft:linear-gradient(135deg,rgba(124,60,255,.86),rgba(75,76,255,.58),rgba(20,217,255,.28)); } #headerMenuCollapse.pi-sidebar-add-v17.pi-accent-cyan{ --pi-menu-active:linear-gradient(135deg,#14d9ff 0%,#3f7cff 52%,#7c3cff 100%); --pi-menu-active-soft:linear-gradient(135deg,rgba(20,217,255,.72),rgba(63,124,255,.62),rgba(124,60,255,.44)); } #headerMenuCollapse.pi-sidebar-add-v17.rld-admin-light{ --pi-menu-bg:#f5f7ff; --pi-menu-bg-2:#eef3ff; --pi-menu-card:rgba(255,255,255,.92); --pi-menu-card-2:rgba(236,242,255,.96); --pi-menu-line:rgba(39,55,98,.16); --pi-menu-text:#10172a; --pi-menu-muted:rgba(16,23,42,.62); background: radial-gradient(circle at 24% 0%, rgba(124,60,255,.13), transparent 35%), radial-gradient(circle at 96% 12%, rgba(20,217,255,.12), transparent 30%), linear-gradient(180deg,var(--pi-menu-bg),var(--pi-menu-bg-2))!important; border-right:1px solid rgba(39,55,98,.14)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner, #headerMenuCollapse.pi-sidebar-add-v17 .header{ overflow-x:hidden!important; overflow-y:auto!important; scrollbar-width:thin; scrollbar-color:#7c3cff rgba(255,255,255,.05); } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar{width:5px} #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-track{background:rgba(255,255,255,.045);border-radius:999px} #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3cff,#14d9ff);border-radius:999px} #headerMenuCollapse.pi-sidebar-add-v17 .container-logo{ margin:0 0 12px!important; padding:22px 16px 18px!important; border-bottom:1px solid rgba(255,255,255,.08)!important; background: linear-gradient(135deg,rgba(124,60,255,.08),rgba(20,217,255,.035)), radial-gradient(circle at 15% 15%,rgba(20,217,255,.08),transparent 34%)!important; } #headerMenuCollapse.pi-sidebar-add-v17.rld-admin-light .container-logo{ border-bottom:1px solid rgba(39,55,98,.12)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-badge{ position:relative!important; margin:14px 14px 16px!important; padding:15px 14px!important; min-height:60px!important; border-radius:22px!important; background:linear-gradient(135deg,var(--pi-menu-card),var(--pi-menu-card-2))!important; border:1px solid var(--pi-menu-line)!important; box-shadow:0 14px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important; overflow:hidden!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-badge:before{ content:""!important; position:absolute!important; inset:-1px!important; border-radius:22px!important; padding:1px!important; background:linear-gradient(135deg,rgba(124,60,255,.52),rgba(20,217,255,.34),rgba(112,93,170,.16))!important; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important; pointer-events:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-badge-icon{ background:var(--pi-menu-active)!important; box-shadow:0 10px 20px rgba(63,124,255,.24)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-badge strong{color:var(--pi-menu-text)!important;font-weight:950!important} #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-badge small{color:var(--pi-menu-muted)!important} #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17{ display:flex!important; flex-direction:column!important; gap:6px!important; padding:4px 0 18px!important; margin:0!important; border:0!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-item{ width:100%!important; margin:0!important; padding:0!important; list-style:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-menu-section-title{ position:relative!important; display:flex!important; align-items:center!important; gap:8px!important; margin:18px 16px 7px!important; color:var(--pi-menu-muted)!important; font-size:10px!important; line-height:1!important; text-transform:uppercase!important; letter-spacing:.14em!important; font-weight:950!important; list-style:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-menu-section-title:before{ content:""!important; width:8px!important; height:8px!important; border-radius:3px!important; background:linear-gradient(135deg,#7c3cff,#14d9ff)!important; box-shadow:0 0 10px rgba(20,217,255,.35)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-menu-section-title:after{ content:""!important; flex:1!important; height:1px!important; background:linear-gradient(90deg,rgba(124,60,255,.42),rgba(20,217,255,.16),transparent)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link{ position:relative!important; min-height:48px!important; width:calc(100% - 24px)!important; max-width:calc(100% - 24px)!important; margin:4px 12px!important; padding:0 14px!important; border-radius:17px!important; display:flex!important; align-items:center!important; gap:12px!important; color:var(--pi-menu-text)!important; background:linear-gradient(135deg,var(--pi-menu-card),var(--pi-menu-card-2))!important; border:1px solid var(--pi-menu-line)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important; font-size:13px!important; font-weight:900!important; text-decoration:none!important; box-sizing:border-box!important; overflow:hidden!important; opacity:.92!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease,opacity .18s ease!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link i{ width:30px!important; min-width:30px!important; height:30px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:12px!important; color:#fff!important; background:var(--pi-menu-icon)!important; border:1px solid rgba(255,255,255,.10)!important; box-shadow:0 8px 18px rgba(0,0,0,.12)!important; font-size:15px!important; opacity:1!important; } #headerMenuCollapse.pi-sidebar-add-v17.rld-admin-light .pi-flat-menu-add-v17 .nav-link i{ color:#fff!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link span{ min-width:0!important; display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link:hover{ opacity:1!important; color:var(--pi-menu-text)!important; background:linear-gradient(135deg,rgba(58,38,98,.84),rgba(24,47,76,.68))!important; border-color:rgba(20,217,255,.30)!important; box-shadow:0 12px 26px rgba(0,0,0,.18),0 0 18px rgba(20,217,255,.06),inset 0 1px 0 rgba(255,255,255,.07)!important; transform:translateX(4px)!important; } #headerMenuCollapse.pi-sidebar-add-v17.rld-admin-light .pi-flat-menu-add-v17 .nav-link:hover{ background:linear-gradient(135deg,rgba(234,239,255,.98),rgba(222,238,255,.96))!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link:hover i{ background:var(--pi-menu-active)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link.active{ opacity:1!important; color:#fff!important; background:var(--pi-menu-active-soft)!important; border-color:rgba(20,217,255,.34)!important; box-shadow:0 16px 34px rgba(63,124,255,.22),0 0 24px rgba(20,217,255,.10),inset 0 1px 0 rgba(255,255,255,.12)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link.active i{ background:rgba(8,7,25,.28)!important; border-color:rgba(255,255,255,.20)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link.active:before{ content:""!important; position:absolute!important; right:8px!important; top:50%!important; transform:translateY(-50%)!important; width:4px!important; height:24px!important; border-radius:999px!important; background:linear-gradient(180deg,#14d9ff,#3f7cff)!important; box-shadow:0 0 16px rgba(20,217,255,.52)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link.active:after{ display:none!important; content:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .badge, #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .badge-pill{ margin-left:auto!important; border-radius:999px!important; border:1px solid rgba(20,217,255,.26)!important; background:var(--pi-menu-active)!important; color:#fff!important; font-size:10px!important; font-weight:950!important; padding:4px 8px!important; box-shadow:0 8px 18px rgba(63,124,255,.22)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .submenu-menu, #headerMenuCollapse.pi-sidebar-add-v17 .nav-item-show, #headerMenuCollapse.pi-sidebar-add-v17 .mini-menu-only{ display:none!important; } #headerMenuCollapse.pi-sidebar-add-v17.navclose .pi-flat-menu-add-v17 .nav-link span, #headerMenuCollapse.pi-sidebar-add-v17.navclose .rld-sidebar-badge div, #headerMenuCollapse.pi-sidebar-add-v17.navclose .pi-panel-brand-text, #headerMenuCollapse.pi-sidebar-add-v17.navclose .rld-sidebar-footer{ display:block!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-footer{ margin:18px 14px 20px!important; padding:16px 15px!important; border-radius:22px!important; color:var(--pi-menu-muted)!important; background:linear-gradient(135deg,var(--pi-menu-card),var(--pi-menu-card-2))!important; border:1px solid var(--pi-menu-line)!important; box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-footer strong{ display:block!important; margin-bottom:5px!important; color:var(--pi-menu-text)!important; font-weight:950!important; } @media(max-width:767px){ #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link{ margin-left:10px!important; margin-right:10px!important; width:calc(100% - 20px)!important; max-width:calc(100% - 20px)!important; } } /* FIM MENU ADD THEME V17 */ /* MENU REMOVE APP V18 Remove opção de aplicativo e preserva rolagem visual do menu. */ #headerMenuCollapse.pi-sidebar-add-v17 .pi-disabled-link{ display:none!important; } /* FIM MENU REMOVE APP V18 */ /* MENU MOBILE LOGO CLOSE V19 Corrige o X do menu mobile e remove o quadrado/fundo atrás da logo. */ /* Logo sempre transparente, sem bloco/quadrado atrás */ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo{ position:relative!important; background:transparent!important; box-shadow:none!important; border-bottom:1px solid rgba(255,255,255,.08)!important; margin:0!important; padding:20px 16px 16px!important; min-height:92px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo:before, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo:after{ display:none!important; content:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-panel-brand-link, #headerMenuCollapse.pi-sidebar-add-v17 .rld-brand-link{ background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; max-width:calc(100% - 48px)!important; display:flex!important; align-items:center!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-panel-brand-vector{ background:transparent!important; border:0!important; box-shadow:none!important; } /* Botão X do mobile sempre visível e dentro do menu */ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ position:absolute!important; right:10px!important; top:18px!important; z-index:99999!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:14px!important; color:#ffffff!important; font-size:21px!important; line-height:1!important; opacity:1!important; visibility:visible!important; background:linear-gradient(135deg,rgba(124,60,255,.88),rgba(63,124,255,.68),rgba(20,217,255,.36))!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 18px rgba(20,217,255,.14)!important; cursor:pointer!important; pointer-events:auto!important; transform:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only:before, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x:before{ display:block!important; color:#fff!important; } /* Desktop mantém normal; mobile recebe reforço */ @media(max-width:991px){ #headerMenuCollapse.pi-sidebar-add-v17{ overflow:visible!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo{ padding-right:62px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-panel-brand-link, #headerMenuCollapse.pi-sidebar-add-v17 .rld-brand-link{ max-width:100%!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-panel-brand-vector{ max-width:100%!important; } } /* Se o tema tentar esconder botão mobile, força visibilidade somente dentro do menu */ @media(max-width:767px){ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ display:flex!important; } } /* FIM MENU MOBILE LOGO CLOSE V19 */ /* MENU MOBILE CLOSE OUTSIDE V20 Coloca o X fora da logo, no lado externo direito do menu mobile. */ @media(max-width:991px){ #headerMenuCollapse.pi-sidebar-add-v17{ overflow:visible!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo{ position:relative!important; overflow:visible!important; padding-right:16px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-panel-brand-link, #headerMenuCollapse.pi-sidebar-add-v17 .rld-brand-link{ max-width:100%!important; padding-right:0!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ position:absolute!important; right:-46px!important; top:22px!important; z-index:999999!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:16px!important; color:#ff6b6b!important; font-size:21px!important; line-height:1!important; opacity:1!important; visibility:visible!important; background:rgba(8,10,22,.92)!important; border:1px solid rgba(255,255,255,.16)!important; box-shadow:0 12px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important; cursor:pointer!important; pointer-events:auto!important; transform:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only:before, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x:before{ color:#ff6b6b!important; display:block!important; } } /* Em telas muito estreitas, mantém o X fora da logo, mas um pouco mais próximo. */ @media(max-width:420px){ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ right:-40px!important; top:22px!important; } } /* FIM MENU MOBILE CLOSE OUTSIDE V20 */ /* MENU MOBILE CLOSE REAL OUTSIDE V21 Força o X ficar FORA do menu lateral, fora da logo. */ @media(max-width:991px){ #headerMenuCollapse.pi-sidebar-add-v17{ overflow:visible!important; position:fixed!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo{ overflow:visible!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo{ position:static!important; width:100%!important; max-width:100%!important; padding-right:16px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-panel-brand-link, #headerMenuCollapse.pi-sidebar-add-v17 .rld-brand-link{ max-width:100%!important; padding-right:0!important; } /* X fora do menu: usa fixed para não depender da largura da logo */ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ position:fixed!important; left:calc(var(--sidebar-width, 260px) + 10px)!important; right:auto!important; top:18px!important; z-index:999999!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:16px!important; color:#ffffff!important; font-size:21px!important; line-height:1!important; opacity:1!important; visibility:visible!important; background:rgba(8,10,22,.92)!important; border:1px solid rgba(255,255,255,.16)!important; box-shadow:0 12px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important; cursor:pointer!important; pointer-events:auto!important; transform:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only:before, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x:before{ color:#ffffff!important; display:block!important; } } /* Larguras comuns do menu no mobile */ @media(max-width:767px){ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ left:calc(252px + 10px)!important; top:18px!important; } } /* Celulares menores: continua fora, mas sem sair da tela */ @media(max-width:380px){ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ left:calc(238px + 8px)!important; } } /* FIM MENU MOBILE CLOSE REAL OUTSIDE V21 */ /* MENU MOBILE CLOSE HIDDEN WHEN CLOSED V22 O X fica 100% escondido quando o menu mobile está fechado. Ele só aparece quando o menu lateral estiver aberto. */ @media(max-width:991px){ /* Estado fechado: esconder totalmente */ #headerMenuCollapse.pi-sidebar-add-v17.navclose .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.navclose .container-logo .mobile-only.feather.icon-x, #headerMenuCollapse.pi-sidebar-add-v17:not(.navopen):not(.menuopen):not(.open):not(.active) .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17:not(.navopen):not(.menuopen):not(.open):not(.active) .container-logo .mobile-only.feather.icon-x{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateX(-12px) scale(.94)!important; } /* Estado aberto: mostrar fora do menu */ #headerMenuCollapse.pi-sidebar-add-v17.navopen .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.navopen .container-logo .mobile-only.feather.icon-x, #headerMenuCollapse.pi-sidebar-add-v17.menuopen .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.menuopen .container-logo .mobile-only.feather.icon-x, #headerMenuCollapse.pi-sidebar-add-v17.open .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.open .container-logo .mobile-only.feather.icon-x, #headerMenuCollapse.pi-sidebar-add-v17.active .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.active .container-logo .mobile-only.feather.icon-x{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } } @media(max-width:991px){ #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-closed .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-closed .container-logo .mobile-only.feather.icon-x{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateX(-12px) scale(.94)!important; } #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-open .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-open .container-logo .mobile-only.feather.icon-x{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } } /* FIM MENU MOBILE CLOSE HIDDEN WHEN CLOSED V22 */ /* MENU MOBILE SCROLL SAFE V24 Corrige rolagem do menu mobile sem forçar abertura e sem esconder o X. */ @media(max-width:991px){ #headerMenuCollapse.pi-sidebar-add-v17{ max-height:100vh!important; max-height:100dvh!important; overflow:visible!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner{ height:100vh!important; height:100dvh!important; max-height:100vh!important; max-height:100dvh!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; touch-action:pan-y!important; padding-bottom:28px!important; } #headerMenuCollapse.pi-sidebar-add-v17 #main-menu-navigation{ padding-bottom:26px!important; } /* Barra fininha e discreta */ #headerMenuCollapse.pi-sidebar-add-v17 .header, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner{ scrollbar-width:thin!important; scrollbar-color:rgba(20,217,255,.68) transparent!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar{ width:3px!important; height:3px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar-track, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-track{ background:transparent!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar-thumb, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#7c3cff,#14d9ff)!important; border-radius:999px!important; min-height:32px!important; } /* Impede barra horizontal */ #headerMenuCollapse.pi-sidebar-add-v17, #headerMenuCollapse.pi-sidebar-add-v17 *{ max-width:100%; } } /* Desktop com barra discreta também */ @media(min-width:992px){ #headerMenuCollapse.pi-sidebar-add-v17 .header, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner{ overflow-x:hidden!important; overflow-y:auto!important; scrollbar-width:thin!important; scrollbar-color:rgba(124,60,255,.55) transparent!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar{ width:3px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar-track, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-track{ background:transparent!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar-thumb, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#7c3cff,#14d9ff)!important; border-radius:999px!important; } } /* FIM MENU MOBILE SCROLL SAFE V24 */ /* MENU SINGLE SCROLL V25 Remove barra duplicada. Só o conteúdo interno do menu rola. */ @media(max-width:991px){ /* Container externo NÃO deve ter scrollbar */ #headerMenuCollapse.pi-sidebar-add-v17{ overflow:hidden!important; scrollbar-width:none!important; -ms-overflow-style:none!important; } #headerMenuCollapse.pi-sidebar-add-v17::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } /* Se o tema aplicar scroll no .header, remove para não duplicar */ #headerMenuCollapse.pi-sidebar-add-v17 .header{ overflow:visible!important; height:auto!important; max-height:none!important; scrollbar-width:none!important; -ms-overflow-style:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } /* ÚNICO local com scroll: conteúdo interno do menu */ #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner{ height:100vh!important; height:100dvh!important; max-height:100vh!important; max-height:100dvh!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; touch-action:pan-y!important; padding-bottom:30px!important; scrollbar-width:thin!important; scrollbar-color:rgba(20,217,255,.72) transparent!important; } /* Barra única, fina e discreta */ #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar{ width:3px!important; height:3px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-track{ background:transparent!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#7c3cff,#14d9ff)!important; border-radius:999px!important; min-height:32px!important; } #headerMenuCollapse.pi-sidebar-add-v17 #main-menu-navigation{ overflow:visible!important; padding-bottom:28px!important; } /* Evita barra horizontal */ #headerMenuCollapse.pi-sidebar-add-v17, #headerMenuCollapse.pi-sidebar-add-v17 *{ max-width:100%!important; } } /* Desktop também fica com apenas uma barra fina no conteúdo interno */ @media(min-width:992px){ #headerMenuCollapse.pi-sidebar-add-v17{ overflow:hidden!important; scrollbar-width:none!important; } #headerMenuCollapse.pi-sidebar-add-v17::-webkit-scrollbar{ width:0!important; display:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header{ overflow:visible!important; scrollbar-width:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar{ width:0!important; display:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner{ overflow-x:hidden!important; overflow-y:auto!important; scrollbar-width:thin!important; scrollbar-color:rgba(124,60,255,.55) transparent!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar{ width:3px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-track{ background:transparent!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#7c3cff,#14d9ff)!important; border-radius:999px!important; } } /* FIM MENU SINGLE SCROLL V25 */ /* MENU THIN SCROLL CLOSE OUTSIDE V26 Barra de rolagem mini/fina e X mais para fora do menu/barra. */ @media(max-width:991px){ #headerMenuCollapse.pi-sidebar-add-v17{ overflow:hidden!important; scrollbar-width:none!important; -ms-overflow-style:none!important; } #headerMenuCollapse.pi-sidebar-add-v17::-webkit-scrollbar, #headerMenuCollapse.pi-sidebar-add-v17 .header::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .header{ overflow:visible!important; scrollbar-width:none!important; -ms-overflow-style:none!important; } /* ÚNICA barra: bem fina, discreta e sem setas */ #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner{ overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:thin!important; scrollbar-color:rgba(20,217,255,.62) transparent!important; padding-right:2px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar{ width:2px!important; height:2px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-button{ width:0!important; height:0!important; display:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-track, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-track-piece{ background:transparent!important; border:0!important; box-shadow:none!important; margin-top:108px!important; margin-bottom:28px!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,rgba(124,60,255,.70),rgba(20,217,255,.70))!important; border-radius:999px!important; border:0!important; box-shadow:none!important; min-height:22px!important; } /* Remove qualquer barra/linha grande lateral herdada */ #headerMenuCollapse.pi-sidebar-add-v17{ border-right:1px solid rgba(124,60,255,.18)!important; } /* X fora do menu e fora da barra, sem sobrepor a rolagem */ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ position:fixed!important; left:calc(252px + 28px)!important; right:auto!important; top:18px!important; z-index:2147483647!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:15px!important; background:rgba(8,10,22,.94)!important; color:#ffffff!important; border:1px solid rgba(255,255,255,.16)!important; box-shadow:0 14px 28px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08)!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only:before, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x:before{ color:#ffffff!important; } /* Quando fechado continua 100% escondido */ #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-closed .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-closed .container-logo .mobile-only.feather.icon-x, #headerMenuCollapse.pi-sidebar-add-v17.navclose:not(.pi-menu-mobile-is-open) .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.navclose:not(.pi-menu-mobile-is-open) .container-logo .mobile-only.feather.icon-x{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateX(-12px) scale(.94)!important; } #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-open .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17.pi-menu-mobile-is-open .container-logo .mobile-only.feather.icon-x{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } } /* Celulares menores: deixa o X fora, mas sem sair da tela */ @media(max-width:430px){ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ left:calc(238px + 22px)!important; } } @media(max-width:380px){ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ left:calc(226px + 16px)!important; } } /* FIM MENU THIN SCROLL CLOSE OUTSIDE V26 */ /* PI MOBILE CLOSE FINAL V29 */ /* PI MOBILE CLOSE FINAL V29 Corrige definitivamente o X: - Desktop/PC: não aparece em cima da logo. - Mobile: aparece fora do menu, do lado direito da barra, sobrepondo tudo. */ /* Esconde o X antigo preso dentro da logo em TODAS as telas */ #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .nav-toggle.mobile-only, #headerMenuCollapse.pi-sidebar-add-v17 .container-logo .mobile-only.feather.icon-x{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } /* Botão novo começa escondido */ #pi-mobile-sidebar-close-v29{ display:none!important; position:fixed!important; z-index:2147483647!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; align-items:center!important; justify-content:center!important; border-radius:15px!important; border:1px solid rgba(255,255,255,.18)!important; background:rgba(8,10,22,.96)!important; color:#ffffff!important; box-shadow:0 14px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10)!important; font-size:25px!important; font-weight:400!important; line-height:1!important; padding:0!important; margin:0!important; cursor:pointer!important; pointer-events:auto!important; } #pi-mobile-sidebar-close-v29 span{ display:block!important; line-height:1!important; transform:translateY(-2px)!important; pointer-events:none!important; } /* PC/Desktop: nunca mostrar */ @media(min-width:992px){ #pi-mobile-sidebar-close-v29{ display:none!important; } } /* Mobile: mostra somente quando JS adicionar classe */ @media(max-width:991px){ #pi-mobile-sidebar-close-v29.pi-show{ display:flex!important; } } /* END PI MOBILE CLOSE FINAL V29 */ /* PI MENU MOBILE SMOOTH V30 */ /* PI MENU MOBILE SMOOTH V30 Deixa a abertura/fechamento do menu mobile mais leve e lisa, sem alterar a lógica aprovada da v29. */ @media(max-width:991px){ #headerMenuCollapse.pi-sidebar-add-v17{ will-change:transform, opacity!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; transform:translate3d(0,0,0); transition: transform .28s cubic-bezier(.22,1,.36,1), left .28s cubic-bezier(.22,1,.36,1), right .28s cubic-bezier(.22,1,.36,1), opacity .22s ease, visibility .22s ease, box-shadow .28s ease!important; } #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-inner, #headerMenuCollapse.pi-sidebar-add-v17 .header{ transform:translateZ(0); backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; will-change:scroll-position!important; scroll-behavior:smooth!important; } #headerMenuCollapse.pi-sidebar-add-v17 .pi-flat-menu-add-v17 .nav-link, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-badge, #headerMenuCollapse.pi-sidebar-add-v17 .rld-sidebar-footer{ transform:translateZ(0); backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease!important; } #pi-mobile-sidebar-close-v29{ will-change:transform, opacity!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; transition: transform .20s cubic-bezier(.22,1,.36,1), opacity .18s ease, left .20s cubic-bezier(.22,1,.36,1)!important; } #pi-mobile-sidebar-close-v29.pi-show{ animation:piCloseSoftInV30 .18s ease both; } .sidenav-overlay{ transition:opacity .24s ease, visibility .24s ease!important; will-change:opacity!important; } } @keyframes piCloseSoftInV30{ from{opacity:0; transform:scale(.92) translateY(-2px);} to{opacity:1; transform:scale(1) translateY(0);} } /* Respeita aparelhos que pedem menos animação */ @media(prefers-reduced-motion:reduce){ #headerMenuCollapse.pi-sidebar-add-v17, #headerMenuCollapse.pi-sidebar-add-v17 *, #pi-mobile-sidebar-close-v29, .sidenav-overlay{ transition:none!important; animation:none!important; scroll-behavior:auto!important; } } /* END PI MENU MOBILE SMOOTH V30 */ /* PI HEADER DEFAULT V37 */ /* PI HEADER DEFAULT V37 Cabeçalho fixo no padrão escuro do Painel Impulso: - sem troca de tema - BR fixo sem seletor - botões alinhados - dropdown do perfil legível */ #myForm, .dark-light, .rld-top-actions .dark-light, .show-hide-selec, .footer-lang-selector{ display:none!important; } .rld-topbar{ min-height:56px!important; display:flex!important; align-items:center!important; gap:12px!important; } .rld-top-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; margin-left:auto!important; flex-wrap:nowrap!important; line-height:1!important; } .rld-top-actions .language, .rld-top-actions .expand-screen, .rld-top-actions .search-field, .rld-top-actions .notifcation{ position:relative!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; border-radius:14px!important; color:#ffffff!important; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; } .rld-top-actions .language *, .rld-top-actions .expand-screen *, .rld-top-actions .search-field *, .rld-top-actions .notifcation *{ line-height:1!important; } .pi-lang-static{ cursor:default!important; pointer-events:none!important; } .flag-target.flag-icon.pi-br-only:before, .rld-top-actions .language .flag-target.flag-icon:before{ content:"BR"!important; width:30px!important; height:30px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:11px!important; background:linear-gradient(135deg,#16a34a 0%,#facc15 100%)!important; color:#111827!important; -webkit-text-fill-color:#111827!important; font-size:11px!important; font-weight:950!important; letter-spacing:-.02em!important; box-shadow:0 10px 18px rgba(22,163,74,.18)!important; } .rld-top-actions i, .rld-top-actions .feather, .rld-top-actions .far, .rld-top-actions .fa{ display:flex!important; align-items:center!important; justify-content:center!important; font-size:18px!important; line-height:1!important; } .rld-userbox{ min-height:48px!important; height:48px!important; display:flex!important; align-items:center!important; gap:11px!important; flex:0 0 auto!important; margin-left:4px!important; padding:5px 6px 5px 13px!important; border-radius:17px!important; color:#ffffff!important; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; } .rld-userbox .dropdown, .rld-userbox .dropdown > a{ display:flex!important; align-items:center!important; justify-content:center!important; } .rld-user-info strong{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .rld-user-info small{ color:rgba(255,255,255,.66)!important; -webkit-text-fill-color:rgba(255,255,255,.66)!important; } /* Dropdown do perfil legível no tema padrão */ .rld-userbox .dropdown-menu.dropdown-menu-arrow, .dropdown-menu.dropdown-menu-arrow{ min-width:230px!important; padding:8px!important; margin-top:13px!important; overflow:hidden!important; border-radius:18px!important; background: radial-gradient(circle at 90% 0%,rgba(20,217,255,.10),transparent 35%), linear-gradient(180deg,rgba(15,20,39,.98),rgba(9,13,28,.98))!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 24px 62px rgba(0,0,0,.45)!important; color:#ffffff!important; z-index:99999!important; } .rld-userbox .dropdown-menu.dropdown-menu-arrow:before, .dropdown-menu.dropdown-menu-arrow:before{ border-bottom-color:rgba(15,20,39,.98)!important; } .username-mobile{ padding:12px 12px 10px!important; margin:0 0 6px!important; border-radius:14px!important; background:rgba(255,255,255,.05)!important; border:1px solid rgba(255,255,255,.08)!important; color:#ffffff!important; } .username-mobile strong{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-weight:950!important; } .username-mobile small{ color:rgba(255,255,255,.66)!important; -webkit-text-fill-color:rgba(255,255,255,.66)!important; font-weight:750!important; } .dropdown-menu .dropdown-item, .rld-userbox .dropdown-menu .dropdown-item{ min-height:44px!important; display:flex!important; align-items:center!important; gap:10px!important; padding:0 12px!important; border-radius:13px!important; color:rgba(255,255,255,.86)!important; -webkit-text-fill-color:rgba(255,255,255,.86)!important; background:transparent!important; font-size:13px!important; font-weight:850!important; } .dropdown-menu .dropdown-item i, .rld-userbox .dropdown-menu .dropdown-item i{ color:#14d9ff!important; -webkit-text-fill-color:#14d9ff!important; font-size:16px!important; } .dropdown-menu .dropdown-item:hover, .rld-userbox .dropdown-menu .dropdown-item:hover{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; background:linear-gradient(135deg,rgba(124,60,255,.36),rgba(20,217,255,.12))!important; } .dropdown-menu .dropdown-divider, .rld-userbox .dropdown-menu .dropdown-divider{ margin:7px 0!important; border-color:rgba(255,255,255,.10)!important; } /* Garante que o header sempre fique no tema padrão escuro */ .header.top, .rld-topbar{ color:#ffffff!important; } .container-all.rld-admin-light .rld-topbar, .container-all.rld-admin-light .header-toggler, .container-all.rld-admin-light .rld-top-actions .language, .container-all.rld-admin-light .rld-top-actions .expand-screen, .container-all.rld-admin-light .rld-top-actions .search-field, .container-all.rld-admin-light .rld-top-actions .notifcation, .container-all.rld-admin-light .rld-userbox{ color:#ffffff!important; background:rgba(255,255,255,.08)!important; border-color:rgba(255,255,255,.12)!important; } @media(max-width:575.98px){ .rld-top-actions{ gap:6px!important; } .rld-top-actions .language, .rld-top-actions .expand-screen, .rld-top-actions .search-field, .rld-top-actions .notifcation{ width:39px!important; min-width:39px!important; height:39px!important; min-height:39px!important; border-radius:13px!important; } .rld-userbox{ height:42px!important; min-height:42px!important; padding:4px!important; } .dropdown .avatar, .rld-avatar-fallback{ width:34px!important; height:34px!important; border-radius:12px!important; } } /* END PI HEADER DEFAULT V37 */ /* PI API TIMEZONE V38 */ .pi-api-key-field{position:relative!important;width:100%!important;} .pi-api-key-field .pi-api-key-input{min-height:44px!important;padding-right:50px!important;border-radius:12px!important;} .pi-api-key-toggle{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#14d9ff!important;box-shadow:none!important;outline:0!important;cursor:pointer!important;} .pi-api-key-toggle:hover{background:rgba(20,217,255,.10)!important;} .pi-api-key-toggle i{color:#14d9ff!important;-webkit-text-fill-color:#14d9ff!important;font-size:18px!important;} .pi-select-modern{position:relative!important;width:100%!important;} .pi-select-modern:after{content:"⌄"!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#14d9ff!important;font-size:18px!important;font-weight:900!important;pointer-events:none!important;line-height:1!important;} .pi-timezone-select{min-height:44px!important;appearance:none!important;-webkit-appearance:none!important;padding-right:44px!important;border-radius:12px!important;background:rgba(5,8,18,.92)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(20,217,255,.32)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;font-weight:800!important;} .pi-timezone-select option{background:#11162a!important;color:#fff!important;} .pi-timezone-note{display:block!important;margin-top:6px!important;color:#7dd3fc!important;-webkit-text-fill-color:#7dd3fc!important;font-weight:750!important;} .pi-api-eye{width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#14d9ff!important;box-shadow:none!important;cursor:pointer!important;} .pi-api-eye:hover{background:rgba(20,217,255,.10)!important;} .pi-api-eye i{color:#14d9ff!important;-webkit-text-fill-color:#14d9ff!important;font-size:17px!important;} /* END PI API TIMEZONE V38 */ /* PI PROFILE FIELDS V39 */ /* PROFILE V39 - olho discreto + fuso custom moderno */ .pi-api-key-field, .pi-password-field{ position:relative!important; width:100%!important; } .pi-api-key-field .pi-api-key-input, .pi-password-field .pi-password-input{ min-height:44px!important; padding-right:50px!important; border-radius:12px!important; } .pi-api-key-toggle, .pi-password-toggle{ position:absolute!important; right:7px!important; top:50%!important; transform:translateY(-50%)!important; width:34px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; border:0!important; border-radius:10px!important; background:transparent!important; color:#14d9ff!important; box-shadow:none!important; outline:0!important; cursor:pointer!important; } .pi-api-key-toggle:hover, .pi-password-toggle:hover{ background:rgba(20,217,255,.10)!important; } .pi-api-key-toggle i, .pi-password-toggle i{ color:#14d9ff!important; -webkit-text-fill-color:#14d9ff!important; font-size:18px!important; } .pi-timezone-custom{ position:relative!important; width:100%!important; } .pi-timezone-trigger{ width:100%!important; min-height:44px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:0 14px!important; border-radius:12px!important; border:1px solid rgba(20,217,255,.32)!important; background:rgba(5,8,18,.92)!important; color:#ffffff!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; font-weight:850!important; text-align:left!important; cursor:pointer!important; } .pi-timezone-trigger-label{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .pi-timezone-trigger i{ flex:0 0 auto!important; color:#14d9ff!important; -webkit-text-fill-color:#14d9ff!important; font-size:18px!important; } .pi-timezone-panel{ position:absolute!important; left:0!important; right:0!important; top:calc(100% + 8px)!important; z-index:99999!important; display:none!important; max-height:260px!important; overflow-x:hidden!important; overflow-y:auto!important; padding:8px!important; border-radius:14px!important; background:#0b1020!important; border:1px solid rgba(20,217,255,.22)!important; box-shadow:0 24px 60px rgba(0,0,0,.45)!important; } .pi-timezone-custom.open .pi-timezone-panel{ display:block!important; } .pi-timezone-option{ width:100%!important; min-height:38px!important; display:flex!important; align-items:center!important; padding:0 11px!important; margin:0 0 4px!important; border:0!important; border-radius:10px!important; background:transparent!important; color:rgba(255,255,255,.84)!important; -webkit-text-fill-color:rgba(255,255,255,.84)!important; font-weight:800!important; text-align:left!important; cursor:pointer!important; } .pi-timezone-option:hover, .pi-timezone-option.active{ background:linear-gradient(135deg,rgba(124,60,255,.38),rgba(20,217,255,.16))!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .pi-timezone-panel::-webkit-scrollbar{ width:3px!important; } .pi-timezone-panel::-webkit-scrollbar-track{ background:transparent!important; } .pi-timezone-panel::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#7c3cff,#14d9ff)!important; border-radius:999px!important; } .pi-timezone-note{ display:block!important; margin-top:6px!important; color:#7dd3fc!important; -webkit-text-fill-color:#7dd3fc!important; font-weight:750!important; } /* END PI PROFILE FIELDS V39 */ /* PI HEADER MOBILE ALIGN V40 */ /* PI HEADER MOBILE ALIGN V40 Alinha o cabeçalho no mobile sem mexer no padrão desktop. */ @media(max-width:767.98px){ .header.top{ padding-top:8px!important; padding-bottom:8px!important; } .header.top .container{ max-width:100%!important; padding-left:8px!important; padding-right:8px!important; } .rld-topbar{ width:100%!important; min-height:54px!important; height:54px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; padding:6px 8px!important; border-radius:0!important; overflow:visible!important; } .rld-top-title{ display:none!important; } .header-toggler.hamburger{ flex:0 0 42px!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; border-radius:14px!important; } .header-toggler .hamburger-box{ width:24px!important; height:18px!important; display:flex!important; align-items:center!important; justify-content:center!important; } .header-toggler .hamburger-inner, .header-toggler .hamburger-inner:before, .header-toggler .hamburger-inner:after{ width:24px!important; height:2px!important; } .rld-top-actions{ flex:1 1 auto!important; min-width:0!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; margin:0!important; padding:0!important; height:42px!important; line-height:1!important; overflow:visible!important; } .rld-top-actions .language, .rld-top-actions .expand-screen, .rld-top-actions .search-field, .rld-top-actions .notifcation{ flex:0 0 38px!important; width:38px!important; min-width:38px!important; max-width:38px!important; height:38px!important; min-height:38px!important; max-height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; border-radius:13px!important; } .rld-top-actions .language > *, .rld-top-actions .expand-screen > *, .rld-top-actions .search-field > *, .rld-top-actions .notifcation > *, .rld-top-actions a{ width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; } .flag-target.flag-icon.pi-br-only:before, .rld-top-actions .language .flag-target.flag-icon:before{ width:28px!important; height:28px!important; border-radius:10px!important; font-size:10px!important; } .rld-top-actions i, .rld-top-actions .feather, .rld-top-actions .far, .rld-top-actions .fa{ font-size:17px!important; line-height:1!important; margin:0!important; transform:none!important; } .rld-top-actions .nav-unread{ right:5px!important; top:5px!important; width:8px!important; height:8px!important; } .rld-userbox{ flex:0 0 42px!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:3px!important; border-radius:15px!important; } .rld-user-info{ display:none!important; } .rld-userbox .dropdown, .rld-userbox .dropdown > a.nav-link{ width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; } .rld-userbox .avatar, .rld-avatar-fallback, .dropdown .avatar{ width:34px!important; min-width:34px!important; height:34px!important; min-height:34px!important; border-radius:12px!important; margin:0!important; background-size:cover!important; background-position:center!important; } .dropdown-menu.dropdown-menu-arrow{ right:0!important; left:auto!important; margin-top:10px!important; max-width:calc(100vw - 18px)!important; } } @media(max-width:390px){ .header.top .container{ padding-left:6px!important; padding-right:6px!important; } .rld-topbar{ gap:6px!important; padding-left:6px!important; padding-right:6px!important; } .rld-top-actions{ gap:5px!important; } .rld-top-actions .language, .rld-top-actions .expand-screen, .rld-top-actions .search-field, .rld-top-actions .notifcation{ flex-basis:36px!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; border-radius:12px!important; } .rld-userbox{ flex-basis:40px!important; width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; } .rld-userbox .avatar, .rld-avatar-fallback, .dropdown .avatar{ width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; } } /* END PI HEADER MOBILE ALIGN V40 */ /* PI TIKTOK ORIGINAL V43 */ /* TikTok original V43 - mesmo tamanho/padrão dos demais ícones */ .rld-dashboard .rld-service-pill.brand-tiktok .rld-service-pill-icon, .rld-dashboard .brand-tiktok .rld-service-pill-icon{ width:28px!important; height:28px!important; min-width:28px!important; min-height:28px!important; display:grid!important; place-items:center!important; border-radius:10px!important; background:#000000!important; border:1px solid rgba(255,255,255,.14)!important; overflow:hidden!important; } .rld-dashboard .rld-service-pill.brand-tiktok .rld-service-pill-icon i, .rld-dashboard .brand-tiktok .rld-service-pill-icon i{ display:none!important; } .rld-dashboard .pi-tiktok-original{ width:28px!important; height:28px!important; } .rld-dashboard .pi-tiktok-svg{ width:20px!important; height:20px!important; display:block!important; overflow:visible!important; } .rld-dashboard .pi-tiktok-cyan{fill:#25F4EE!important;} .rld-dashboard .pi-tiktok-red{fill:#FE2C55!important;} .rld-dashboard .pi-tiktok-white{fill:#ffffff!important;} /* END PI TIKTOK ORIGINAL V43 */ /* PI MOBILE PROFILE DROPDOWN V43 */ /* Mobile profile dropdown V43 - abre no lado correto, abaixo do perfil */ @media(max-width:767.98px){ .header.top, .header.top .container, .rld-topbar, .rld-top-actions, .rld-userbox, .rld-userbox .dropdown{ overflow:visible!important; } .rld-userbox .dropdown-menu.dropdown-menu-arrow, .rld-userbox .dropdown-menu{ position:fixed!important; top:62px!important; right:8px!important; left:auto!important; transform:none!important; width:220px!important; min-width:220px!important; max-width:calc(100vw - 16px)!important; margin:0!important; z-index:2147483600!important; border-radius:18px!important; background: radial-gradient(circle at 88% 0%,rgba(20,217,255,.12),transparent 34%), linear-gradient(180deg,rgba(17,22,42,.98),rgba(8,12,26,.98))!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 24px 62px rgba(0,0,0,.50)!important; } .rld-userbox .dropdown-menu.dropdown-menu-arrow:before, .rld-userbox .dropdown-menu:before{ left:auto!important; right:17px!important; border-bottom-color:rgba(17,22,42,.98)!important; } .rld-userbox .dropdown-menu.show{ display:block!important; } .rld-userbox .dropdown-menu .dropdown-item, .rld-userbox .dropdown-menu .username-mobile, .rld-userbox .dropdown-menu strong, .rld-userbox .dropdown-menu small{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .rld-userbox .dropdown-menu small{ color:rgba(255,255,255,.70)!important; -webkit-text-fill-color:rgba(255,255,255,.70)!important; } } /* END PI MOBILE PROFILE DROPDOWN V43 */ /* PI MOBILE SEARCH CLOSE V44 */ /* PI MOBILE SEARCH CLOSE V44 Corrige a pesquisa no mobile: botão X visível para sair da busca. */ @media(max-width:767.98px){ #searchbar.search-input.show{ position:fixed!important; top:10px!important; left:8px!important; right:8px!important; z-index:2147483600!important; display:block!important; width:auto!important; max-width:calc(100vw - 16px)!important; padding:0!important; margin:0!important; border-radius:16px!important; background:rgba(8,10,22,.98)!important; border:1px solid rgba(20,217,255,.18)!important; box-shadow:0 18px 50px rgba(0,0,0,.45)!important; } #searchbar.search-input.hide{ display:none!important; } #searchbar .ajaxSearchItem{ width:100%!important; margin:0!important; } #searchbar .form-group{ margin:0!important; } #searchbar .input-group{ min-height:52px!important; display:flex!important; align-items:center!important; gap:8px!important; padding:6px!important; border-radius:16px!important; background:transparent!important; } #searchbar .close-search{ position:static!important; flex:0 0 38px!important; width:38px!important; height:38px!important; min-width:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:12px!important; background:rgba(255,255,255,.08)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; border:1px solid rgba(255,255,255,.12)!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; cursor:pointer!important; font-size:19px!important; z-index:2!important; } #searchbar .close-search:before{ color:#ffffff!important; } #searchbar input.form-control{ flex:1 1 auto!important; min-width:0!important; height:40px!important; margin:0!important; border:0!important; border-radius:12px!important; background:rgba(255,255,255,.06)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:14px!important; font-weight:800!important; box-shadow:none!important; } #searchbar input.form-control::placeholder{ color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; } #searchbar .input-group-append{ flex:0 0 42px!important; width:42px!important; margin:0!important; } #searchbar .input-group-append .btn{ width:42px!important; height:40px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; border-radius:12px!important; border:0!important; background:linear-gradient(135deg,#7c3cff,#3f7cff,#14d9ff)!important; color:#ffffff!important; } body.pi-search-mobile-open:after{ content:""!important; position:fixed!important; inset:0!important; z-index:2147483500!important; background:rgba(5,5,15,.52)!important; backdrop-filter:blur(4px)!important; } body.pi-search-mobile-open #searchbar{ z-index:2147483601!important; } } /* END PI MOBILE SEARCH CLOSE V44 */ /* PI API STANDARD ADD V50 Área API no mesmo padrão visual do ADD/general page. Corrige: - lista de provedores estilizada novamente - popups centralizados - cores escuras roxo/azul do ADD - campos pretos, sem autofill branco - X fecha corretamente com script v50 */ /* ---------- Página Lista de Provedores ---------- */ .pi-api-provider-page{ width:100%!important; max-width:1180px!important; margin:0 auto!important; padding:18px 14px 34px!important; color:#ffffff!important; } .pi-api-provider-page *{ box-sizing:border-box!important; } .pi-api-hero{ position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; min-height:145px!important; padding:26px 28px!important; margin:0 0 18px!important; border-radius:28px!important; overflow:hidden!important; background: radial-gradient(circle at 9% 0%, rgba(124,60,255,.28), transparent 35%), radial-gradient(circle at 100% 0%, rgba(255,47,179,.12), transparent 35%), linear-gradient(135deg, rgba(33,20,60,.86), rgba(8,13,28,.93))!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 22px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04)!important; } .pi-api-hero:before{ content:""!important; position:absolute!important; inset:0!important; background-image:radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px)!important; background-size:18px 18px!important; opacity:.20!important; pointer-events:none!important; } .pi-api-hero > *{ position:relative!important; z-index:1!important; } .pi-api-kicker{ min-height:34px!important; display:inline-flex!important; align-items:center!important; gap:8px!important; padding:0 14px!important; border-radius:999px!important; background:rgba(124,60,255,.26)!important; border:1px solid rgba(255,255,255,.16)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:11px!important; font-weight:950!important; letter-spacing:.04em!important; text-transform:uppercase!important; } .pi-api-hero h1{ margin:14px 0 8px!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:clamp(26px,3.2vw,42px)!important; font-weight:950!important; letter-spacing:-.045em!important; line-height:1.05!important; } .pi-api-hero p{ max-width:710px!important; margin:0!important; color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; font-size:14px!important; font-weight:760!important; line-height:1.55!important; } .pi-api-hero-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:10px!important; } .pi-api-btn{ min-height:43px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:0 16px!important; border-radius:15px!important; border:1px solid rgba(255,255,255,.10)!important; text-decoration:none!important; font-size:13px!important; font-weight:950!important; white-space:nowrap!important; } .pi-api-btn-primary{ background:linear-gradient(135deg,#7c3cff 0%,#3f7cff 58%,#14d9ff 100%)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; border:0!important; box-shadow:0 16px 34px rgba(63,124,255,.22)!important; } .pi-api-btn-ghost{ background:rgba(255,255,255,.07)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .pi-api-card, .pi-api-select-card{ width:100%!important; padding:16px!important; margin-bottom:18px!important; border-radius:24px!important; background: radial-gradient(circle at 100% 0%,rgba(20,217,255,.07),transparent 34%), radial-gradient(circle at 0% 0%,rgba(124,60,255,.14),transparent 34%), linear-gradient(180deg,rgba(20,18,39,.90),rgba(8,11,27,.94))!important; border:1px solid rgba(255,255,255,.11)!important; box-shadow:0 22px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)!important; } .pi-api-card-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:3px 2px 14px!important; } .pi-api-card-head h3{ display:flex!important; align-items:center!important; gap:8px!important; margin:0!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:18px!important; font-weight:950!important; } .pi-api-card-head span{ display:block!important; margin-top:4px!important; color:rgba(255,255,255,.64)!important; -webkit-text-fill-color:rgba(255,255,255,.64)!important; font-size:12px!important; font-weight:760!important; } .pi-api-table-wrap{ width:100%!important; overflow-x:auto!important; border-radius:16px!important; border:1px solid rgba(255,255,255,.08)!important; -webkit-overflow-scrolling:touch!important; } .pi-api-table{ min-width:760px!important; width:100%!important; margin:0!important; color:#ffffff!important; background:rgba(5,8,18,.26)!important; border:0!important; } .pi-api-table thead th{ background:rgba(124,60,255,.14)!important; color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; border-color:rgba(255,255,255,.08)!important; font-size:11px!important; font-weight:950!important; text-transform:uppercase!important; letter-spacing:.04em!important; } .pi-api-table tbody td{ color:rgba(255,255,255,.88)!important; -webkit-text-fill-color:rgba(255,255,255,.88)!important; border-color:rgba(255,255,255,.07)!important; vertical-align:middle!important; } .pi-api-name{ display:flex!important; align-items:center!important; gap:8px!important; font-weight:950!important; } .pi-api-name a{ color:#7dd3fc!important; -webkit-text-fill-color:#7dd3fc!important; text-decoration:none!important; } .pi-api-dot{ width:9px!important; height:9px!important; border-radius:50%!important; background:#14d9ff!important; box-shadow:0 0 0 4px rgba(20,217,255,.12)!important; } .pi-api-balance{ display:inline-flex!important; min-height:30px!important; align-items:center!important; padding:0 10px!important; border-radius:999px!important; background:rgba(20,217,255,.10)!important; color:#7dd3fc!important; -webkit-text-fill-color:#7dd3fc!important; font-weight:900!important; } .pi-api-desc{ max-width:280px!important; color:rgba(255,255,255,.70)!important; -webkit-text-fill-color:rgba(255,255,255,.70)!important; font-size:12px!important; line-height:1.45!important; } .pi-api-status{ display:inline-flex!important; align-items:center!important; min-height:30px!important; padding:0 10px!important; border-radius:999px!important; font-size:12px!important; font-weight:900!important; } .pi-api-status.active{ background:rgba(20,217,255,.12)!important; color:#7dd3fc!important; -webkit-text-fill-color:#7dd3fc!important; border:1px solid rgba(20,217,255,.22)!important; } .pi-api-status.inactive{ background:rgba(255,139,49,.14)!important; color:#fb923c!important; -webkit-text-fill-color:#fb923c!important; border:1px solid rgba(255,139,49,.24)!important; } .pi-api-actions{ display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; } .pi-api-actions a{ width:34px!important; height:34px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:12px!important; background:rgba(255,255,255,.07)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; border:1px solid rgba(255,255,255,.09)!important; text-decoration:none!important; } .pi-api-actions a:hover{ background:linear-gradient(135deg,rgba(124,60,255,.52),rgba(20,217,255,.18))!important; } /* ---------- Modal API ---------- */ #main-modal-content .modal-right{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:18px!important; margin:0!important; background:rgba(2,4,12,.72)!important; backdrop-filter:blur(8px)!important; overflow-x:hidden!important; overflow-y:auto!important; z-index:2147482500!important; } #main-modal-content .modal-right > button.close, #main-modal-content .modal-right > .close:not(.pi-api-close){ display:none!important; } #main-modal-content .modal-right .modal-dialog.pi-api-modal-dialog{ position:relative!important; width:min(720px, calc(100vw - 34px))!important; max-width:720px!important; margin:auto!important; transform:none!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; } .pi-api-modal{ width:100%!important; max-height:calc(100vh - 36px)!important; display:flex!important; flex-direction:column!important; border-radius:24px!important; overflow:hidden!important; background: radial-gradient(circle at 15% 0%, rgba(124,60,255,.20), transparent 34%), radial-gradient(circle at 100% 0%, rgba(20,217,255,.09), transparent 34%), linear-gradient(180deg, #171126 0%, #0b0d1c 58%, #060812 100%)!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 34px 96px rgba(0,0,0,.68), inset 0 1px 0 rgba(255,255,255,.04)!important; color:#ffffff!important; } .pi-api-modal:before{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px)!important; background-size:18px 18px!important; opacity:.13!important; } .pi-api-modal > *{ position:relative!important; z-index:1!important; } .pi-api-modal-header{ min-height:66px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:14px 18px!important; background: radial-gradient(circle at 0% 0%, rgba(124,60,255,.18), transparent 35%), linear-gradient(135deg, #24143d 0%, #111a32 100%)!important; border-bottom:1px solid rgba(255,255,255,.09)!important; } .pi-api-title-block{ display:flex!important; align-items:center!important; gap:12px!important; min-width:0!important; } .pi-api-title-icon{ width:38px!important; height:38px!important; min-width:38px!important; display:grid!important; place-items:center!important; border-radius:14px!important; background:linear-gradient(135deg,#7c3cff 0%,#3f7cff 58%,#14d9ff 100%)!important; color:#ffffff!important; box-shadow:0 14px 30px rgba(63,124,255,.22)!important; } .pi-api-title-icon i{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .pi-api-title-text .modal-title{ margin:0!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:18px!important; font-weight:950!important; line-height:1.12!important; letter-spacing:-.025em!important; } .pi-api-title-text span{ display:block!important; max-width:460px!important; margin-top:3px!important; color:rgba(255,255,255,.66)!important; -webkit-text-fill-color:rgba(255,255,255,.66)!important; font-size:11px!important; font-weight:760!important; } .pi-api-modal-header .close, .pi-api-close{ position:relative!important; width:36px!important; height:36px!important; min-width:36px!important; display:grid!important; place-items:center!important; padding:0!important; margin:0!important; border-radius:13px!important; background:rgba(255,255,255,.075)!important; border:1px solid rgba(255,255,255,.11)!important; opacity:1!important; outline:0!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:0!important; line-height:1!important; cursor:pointer!important; float:none!important; } .pi-api-modal-header .close:before, .pi-api-close:before{ content:"×"!important; display:block!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:25px!important; font-weight:400!important; line-height:1!important; } .pi-api-modal-header .close:hover, .pi-api-close:hover{ background:rgba(20,217,255,.12)!important; border-color:rgba(20,217,255,.25)!important; } .pi-api-modal-body{ flex:1 1 auto!important; padding:16px 18px!important; overflow-x:hidden!important; overflow-y:auto!important; background:transparent!important; } .pi-api-modal-body::-webkit-scrollbar, .pi-api-table-wrap::-webkit-scrollbar{ height:4px!important; width:4px!important; } .pi-api-modal-body::-webkit-scrollbar-track, .pi-api-table-wrap::-webkit-scrollbar-track{ background:transparent!important; } .pi-api-modal-body::-webkit-scrollbar-thumb, .pi-api-table-wrap::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#7c3cff,#14d9ff)!important; border-radius:999px!important; } .pi-api-form-grid{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:13px!important; } .pi-api-form-section{ padding:14px!important; border-radius:18px!important; background: radial-gradient(circle at 100% 0%, rgba(20,217,255,.055), transparent 34%), linear-gradient(135deg, rgba(38,24,70,.62), rgba(13,17,38,.78))!important; border:1px solid rgba(255,255,255,.10)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 12px 30px rgba(0,0,0,.18)!important; } .pi-api-form-section.full{ grid-column:1 / -1!important; } .pi-api-section-title{ display:flex!important; align-items:center!important; gap:8px!important; margin:0 0 12px!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:13px!important; font-weight:950!important; } .pi-api-section-title i{ color:#14d9ff!important; -webkit-text-fill-color:#14d9ff!important; } .pi-api-note{ display:flex!important; align-items:flex-start!important; gap:10px!important; padding:11px 12px!important; margin:0 0 13px!important; border-radius:14px!important; background:linear-gradient(135deg, rgba(124,60,255,.13), rgba(20,217,255,.08))!important; border:1px solid rgba(20,217,255,.18)!important; color:rgba(255,255,255,.78)!important; -webkit-text-fill-color:rgba(255,255,255,.78)!important; font-size:11px!important; font-weight:780!important; line-height:1.55!important; } .pi-api-note i{ margin-top:2px!important; color:#14d9ff!important; -webkit-text-fill-color:#14d9ff!important; } .pi-api-modal .form-group{ margin-bottom:13px!important; } .pi-api-modal label{ display:flex!important; align-items:center!important; gap:6px!important; margin-bottom:6px!important; color:rgba(255,255,255,.68)!important; -webkit-text-fill-color:rgba(255,255,255,.68)!important; font-size:10px!important; font-weight:950!important; text-transform:uppercase!important; letter-spacing:.035em!important; } .pi-api-modal .form-control, .pi-api-modal input.form-control, .pi-api-modal textarea.form-control, .pi-api-modal .form-control.square{ min-height:42px!important; width:100%!important; border-radius:13px!important; background:#050712!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#14d9ff!important; border:1px solid rgba(255,255,255,.10)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; font-size:13px!important; font-weight:850!important; background-image:none!important; } .pi-api-modal textarea.form-control, .pi-api-modal textarea.form-control.square{ min-height:104px!important; padding-top:11px!important; resize:vertical!important; } .pi-api-modal input:-webkit-autofill, .pi-api-modal input:-webkit-autofill:hover, .pi-api-modal input:-webkit-autofill:focus, .pi-api-modal textarea:-webkit-autofill, .pi-api-modal select:-webkit-autofill{ background-color:#050712!important; background-image:none!important; box-shadow:0 0 0 1000px #050712 inset!important; -webkit-box-shadow:0 0 0 1000px #050712 inset!important; -webkit-text-fill-color:#ffffff!important; caret-color:#14d9ff!important; transition:background-color 999999s ease-in-out 0s!important; } .pi-api-modal input[disabled], .pi-api-modal textarea[disabled], .pi-api-modal .form-control:disabled, .pi-api-modal .form-control[readonly]{ background:#050712!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; opacity:1!important; cursor:not-allowed!important; } .pi-api-secret-field{ position:relative!important; } .pi-api-secret-field input{ padding-right:50px!important; } .pi-api-secret-eye{ position:absolute!important; right:8px!important; top:50%!important; transform:translateY(-50%)!important; width:34px!important; height:34px!important; display:grid!important; place-items:center!important; border:0!important; border-radius:11px!important; background:transparent!important; color:#14d9ff!important; cursor:pointer!important; } .pi-api-secret-eye:hover{ background:rgba(20,217,255,.10)!important; } .pi-api-secret-eye i{ color:#14d9ff!important; -webkit-text-fill-color:#14d9ff!important; font-size:17px!important; } .pi-api-status-switch{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:6px!important; padding:4px!important; border-radius:14px!important; background:#050712!important; border:1px solid rgba(255,255,255,.10)!important; } .pi-api-status-option{ min-height:36px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; border:0!important; border-radius:11px!important; background:transparent!important; color:rgba(255,255,255,.70)!important; -webkit-text-fill-color:rgba(255,255,255,.70)!important; font-size:12px!important; font-weight:950!important; cursor:pointer!important; } .pi-api-status-option.active, .pi-api-status-option[data-value="0"].active{ background:linear-gradient(135deg,#7c3cff 0%,#3f7cff 58%,#14d9ff 100%)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; box-shadow:0 10px 22px rgba(63,124,255,.22)!important; } .pi-api-select{ position:absolute!important; opacity:0!important; pointer-events:none!important; width:1px!important; height:1px!important; } .pi-api-select-ui{ position:relative!important; width:100%!important; z-index:50!important; } .pi-api-select-button{ width:100%!important; min-height:42px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:0 13px!important; border-radius:13px!important; background:#050712!important; border:1px solid rgba(255,255,255,.10)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:13px!important; font-weight:900!important; text-align:left!important; cursor:pointer!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; } .pi-api-select-button i{ color:#14d9ff!important; -webkit-text-fill-color:#14d9ff!important; } .pi-api-select-ui.open .pi-api-select-button{ border-color:rgba(20,217,255,.60)!important; box-shadow:0 0 0 3px rgba(20,217,255,.10)!important; } .pi-api-select-menu{ position:absolute!important; left:0!important; right:0!important; top:calc(100% + 8px)!important; display:none!important; max-height:220px!important; overflow-x:hidden!important; overflow-y:auto!important; padding:8px!important; border-radius:14px!important; background: radial-gradient(circle at 100% 0%, rgba(20,217,255,.10), transparent 34%), linear-gradient(180deg,#111832,#070b1a)!important; border:1px solid rgba(20,217,255,.22)!important; box-shadow:0 22px 54px rgba(0,0,0,.50)!important; z-index:2147483000!important; } .pi-api-select-ui.open .pi-api-select-menu{ display:block!important; } .pi-api-select-option{ width:100%!important; min-height:37px!important; display:flex!important; align-items:center!important; padding:0 10px!important; margin:0 0 4px!important; border:0!important; border-radius:10px!important; background:transparent!important; color:rgba(255,255,255,.84)!important; -webkit-text-fill-color:rgba(255,255,255,.84)!important; font-size:12px!important; font-weight:850!important; text-align:left!important; cursor:pointer!important; } .pi-api-select-option:hover, .pi-api-select-option.active{ background:linear-gradient(135deg,rgba(124,60,255,.46),rgba(20,217,255,.18))!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .pi-api-check{ display:flex!important; align-items:flex-start!important; gap:10px!important; padding:11px!important; margin-bottom:10px!important; border-radius:14px!important; background:rgba(255,255,255,.055)!important; border:1px solid rgba(255,255,255,.10)!important; color:rgba(255,255,255,.74)!important; -webkit-text-fill-color:rgba(255,255,255,.74)!important; font-size:11px!important; font-weight:820!important; line-height:1.48!important; } .pi-api-check input{ width:18px!important; height:18px!important; margin:1px 0 0!important; accent-color:#7c3cff!important; flex:0 0 auto!important; } .pi-api-modal-footer{ flex:0 0 auto!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:9px!important; padding:13px 18px!important; background:rgba(255,255,255,.035)!important; border-top:1px solid rgba(255,255,255,.08)!important; } .pi-api-modal-footer .btn{ min-height:44px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; border-radius:14px!important; padding:0 16px!important; margin:0!important; font-size:13px!important; font-weight:950!important; line-height:1!important; box-shadow:none!important; outline:0!important; } .pi-api-modal-footer .btn-primary{ background:linear-gradient(135deg,#7c3cff 0%,#3f7cff 62%,#14d9ff 100%)!important; border:0!important; color:#ffffff!important; box-shadow:0 14px 30px rgba(63,124,255,.20)!important; } .pi-api-modal-footer .btn-default, .pi-api-modal-footer .btn-secondary{ background:rgba(255,255,255,.075)!important; color:#ffffff!important; border:1px solid rgba(255,255,255,.10)!important; } @media(max-width:767.98px){ .pi-api-provider-page{ padding:14px 10px 28px!important; } .pi-api-hero{ flex-direction:column!important; align-items:flex-start!important; min-height:0!important; padding:20px!important; border-radius:22px!important; } .pi-api-hero-actions{ width:100%!important; justify-content:flex-start!important; } .pi-api-btn{ flex:1 1 auto!important; } #main-modal-content .modal-right{ align-items:flex-start!important; padding:10px!important; } #main-modal-content .modal-right .modal-dialog.pi-api-modal-dialog{ width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; margin:10px auto!important; } .pi-api-modal{ max-height:calc(100vh - 20px)!important; border-radius:20px!important; } .pi-api-modal-header{ min-height:58px!important; padding:12px 13px!important; } .pi-api-title-icon{ width:34px!important; height:34px!important; min-width:34px!important; } .pi-api-title-text .modal-title{ font-size:16px!important; } .pi-api-title-text span{ display:none!important; } .pi-api-modal-body{ padding:12px 13px!important; } .pi-api-form-grid{ grid-template-columns:1fr!important; gap:10px!important; } .pi-api-form-section{ padding:12px!important; border-radius:16px!important; } .pi-api-modal-footer{ grid-template-columns:1fr!important; padding:12px 13px!important; } } /* END PI API STANDARD ADD V50 */ /* PI API MODAL READABILITY FIX V51 Corrige os popups de API para manter o mesmo padrão do Painel Impulso: - fundo escuro azul/roxo do painel; - campos sempre escuros, inclusive com preenchimento/autofill do navegador; - texto e placeholders legíveis; - popup centralizado em desktop e seguro no mobile; - apenas um botão X funcional no cabeçalho; - botões Salvar/Cancelar padronizados. */ #main-modal-content .modal-right, #modal-add-service #main-modal-content .modal-right{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:18px!important; margin:0!important; overflow-x:hidden!important; overflow-y:auto!important; background: radial-gradient(circle at 15% 8%, rgba(124,60,255,.16), transparent 30%), radial-gradient(circle at 86% 12%, rgba(20,217,255,.10), transparent 30%), rgba(2,4,12,.82)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; z-index:2147482500!important; } #main-modal-content .modal-right > .close, #main-modal-content .modal-right > button.close, #main-modal-content > .close, .modal-right > .close:not(.pi-api-close){ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } #main-modal-content .modal-right .modal-dialog, #main-modal-content .modal-right .modal-dialog.pi-api-modal-dialog{ position:relative!important; width:min(720px, calc(100vw - 34px))!important; max-width:720px!important; margin:auto!important; transform:none!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; } #main-modal-content .modal-content, #main-modal-content .modal-content.pi-api-modal, #modal-add-service #main-modal-content .modal-content{ position:relative!important; width:100%!important; max-height:calc(100vh - 36px)!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; border-radius:24px!important; color:#ffffff!important; -webkit-text-fill-color:initial!important; background: radial-gradient(circle at 12% 0%, rgba(124,60,255,.22), transparent 35%), radial-gradient(circle at 100% 0%, rgba(20,217,255,.10), transparent 34%), linear-gradient(180deg, #111227 0%, #0a0d1f 58%, #050712 100%)!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 34px 96px rgba(0,0,0,.70), inset 0 1px 0 rgba(255,255,255,.045)!important; } #main-modal-content .modal-content:before, #modal-add-service #main-modal-content .modal-content:before{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px)!important; background-size:18px 18px!important; opacity:.13!important; } #main-modal-content .modal-content > *, #modal-add-service #main-modal-content .modal-content > *{ position:relative!important; z-index:1!important; } #main-modal-content .modal-header, #main-modal-content .modal-header.pi-api-modal-header, #modal-add-service #main-modal-content .modal-header{ min-height:66px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:14px 18px!important; background: radial-gradient(circle at 0% 0%, rgba(124,60,255,.22), transparent 35%), linear-gradient(135deg, #17122d 0%, #10182d 100%)!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.09)!important; } #main-modal-content .modal-title, #main-modal-content .pi-api-title-text .modal-title, #modal-add-service #main-modal-content .modal-title{ margin:0!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:18px!important; font-weight:950!important; line-height:1.12!important; letter-spacing:-.025em!important; } #main-modal-content .pi-api-title-text span, #modal-add-service #main-modal-content .pi-api-title-text span{ color:rgba(255,255,255,.68)!important; -webkit-text-fill-color:rgba(255,255,255,.68)!important; } #main-modal-content .modal-header .close, #main-modal-content .pi-api-close, #modal-add-service #main-modal-content .modal-header .close{ position:relative!important; width:36px!important; height:36px!important; min-width:36px!important; display:grid!important; place-items:center!important; padding:0!important; margin:0!important; border-radius:13px!important; background:rgba(255,255,255,.075)!important; border:1px solid rgba(255,255,255,.12)!important; opacity:1!important; outline:0!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:0!important; line-height:1!important; cursor:pointer!important; float:none!important; text-shadow:none!important; } #main-modal-content .modal-header .close:before, #main-modal-content .pi-api-close:before, #modal-add-service #main-modal-content .modal-header .close:before{ content:"×"!important; display:block!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:25px!important; font-weight:400!important; line-height:1!important; } #main-modal-content .modal-header .close:hover, #main-modal-content .pi-api-close:hover, #modal-add-service #main-modal-content .modal-header .close:hover{ background:rgba(20,217,255,.12)!important; border-color:rgba(20,217,255,.26)!important; } #main-modal-content .modal-body, #main-modal-content .modal-body.pi-api-modal-body, #modal-add-service #main-modal-content .modal-body{ flex:1 1 auto!important; padding:16px 18px!important; overflow-x:hidden!important; overflow-y:auto!important; background:transparent!important; color:#ffffff!important; } #main-modal-content .form-control, #main-modal-content input.form-control, #main-modal-content textarea.form-control, #main-modal-content select.form-control, #main-modal-content .form-control.square, #main-modal-content input[type="text"].form-control, #main-modal-content input[type="password"].form-control, #main-modal-content input[type="number"].form-control, #main-modal-content input[type="email"].form-control, #modal-add-service #main-modal-content .form-control{ min-height:42px!important; width:100%!important; border-radius:13px!important; background:#050712!important; background-color:#050712!important; background-image:none!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#14d9ff!important; border:1px solid rgba(255,255,255,.11)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important; font-size:13px!important; font-weight:850!important; opacity:1!important; outline:0!important; appearance:none!important; -webkit-appearance:none!important; } #main-modal-content input.form-control:-webkit-autofill, #main-modal-content input.form-control:-webkit-autofill:hover, #main-modal-content input.form-control:-webkit-autofill:focus, #main-modal-content textarea.form-control:-webkit-autofill, #main-modal-content select.form-control:-webkit-autofill{ background:#050712!important; background-color:#050712!important; background-image:none!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#14d9ff!important; box-shadow:0 0 0 1000px #050712 inset!important; -webkit-box-shadow:0 0 0 1000px #050712 inset!important; border:1px solid rgba(255,255,255,.11)!important; transition:background-color 999999s ease-in-out 0s!important; } #main-modal-content .form-control::placeholder, #main-modal-content input.form-control::placeholder, #main-modal-content textarea.form-control::placeholder{ color:rgba(255,255,255,.50)!important; -webkit-text-fill-color:rgba(255,255,255,.50)!important; opacity:1!important; } #main-modal-content input.form-control:disabled, #main-modal-content textarea.form-control:disabled, #main-modal-content .form-control:disabled, #main-modal-content .form-control[readonly]{ background:#050712!important; background-color:#050712!important; color:rgba(255,255,255,.72)!important; -webkit-text-fill-color:rgba(255,255,255,.72)!important; border-color:rgba(255,255,255,.10)!important; opacity:1!important; cursor:not-allowed!important; } #main-modal-content textarea.form-control, #main-modal-content textarea.form-control.square{ min-height:104px!important; padding-top:11px!important; resize:vertical!important; } #main-modal-content label, #main-modal-content .custom-control-label, #modal-add-service #main-modal-content label{ color:rgba(255,255,255,.70)!important; -webkit-text-fill-color:rgba(255,255,255,.70)!important; font-weight:950!important; } #main-modal-content .modal-footer, #main-modal-content .modal-footer.pi-api-modal-footer, #modal-add-service #main-modal-content .modal-footer{ flex:0 0 auto!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:9px!important; padding:13px 18px!important; background:rgba(255,255,255,.035)!important; border:0!important; border-top:1px solid rgba(255,255,255,.08)!important; } #main-modal-content .modal-footer .btn, #modal-add-service #main-modal-content .modal-footer .btn{ min-height:44px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; border-radius:14px!important; padding:0 16px!important; margin:0!important; font-size:13px!important; font-weight:950!important; line-height:1!important; box-shadow:none!important; outline:0!important; } #main-modal-content .modal-footer .btn-primary, #modal-add-service #main-modal-content .modal-footer .btn-primary{ background:linear-gradient(135deg,#7c3cff 0%,#3f7cff 62%,#14d9ff 100%)!important; border:0!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; box-shadow:0 14px 30px rgba(63,124,255,.20)!important; } #main-modal-content .modal-footer .btn-default, #main-modal-content .modal-footer .btn-secondary, #modal-add-service #main-modal-content .modal-footer .btn-default{ background:rgba(255,255,255,.075)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; border:1px solid rgba(255,255,255,.11)!important; } #main-modal-content a, #modal-add-service #main-modal-content a{ color:#7dd3fc!important; -webkit-text-fill-color:#7dd3fc!important; } @media(max-width:767.98px){ #main-modal-content .modal-right, #modal-add-service #main-modal-content .modal-right{ align-items:flex-start!important; padding:10px!important; } #main-modal-content .modal-right .modal-dialog, #main-modal-content .modal-right .modal-dialog.pi-api-modal-dialog{ width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; margin:10px auto!important; } #main-modal-content .modal-content, #main-modal-content .modal-content.pi-api-modal{ max-height:calc(100vh - 20px)!important; border-radius:20px!important; } #main-modal-content .modal-header, #main-modal-content .modal-header.pi-api-modal-header{ min-height:58px!important; padding:12px 13px!important; } #main-modal-content .modal-title, #main-modal-content .pi-api-title-text .modal-title{ font-size:16px!important; } #main-modal-content .modal-body, #main-modal-content .modal-body.pi-api-modal-body{ padding:12px 13px!important; } #main-modal-content .modal-footer, #main-modal-content .modal-footer.pi-api-modal-footer{ grid-template-columns:1fr!important; padding:12px 13px!important; } } /* END PI API MODAL READABILITY FIX V51 */ /* MODAL API UNLOCK FIX V52 */ body:not(.modal-open) .modal:not(.show):not(.in){ pointer-events:none!important; } body:not(.modal-open) .modal-backdrop{ display:none!important; pointer-events:none!important; } body:not(.modal-open) #main-modal-content:empty, body:not(.modal-open) #main-modal-content .modal-right:empty{ pointer-events:none!important; } /* END MODAL API UNLOCK FIX V52 */ /* PI API PROVIDER POPUP FIX V53 */ #main-modal-content .pi-api-autofill-guard, #modal-add-service #main-modal-content .pi-api-autofill-guard{ position:absolute!important; left:-99999px!important; top:-99999px!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; } #main-modal-content input, #main-modal-content textarea, #main-modal-content select, #main-modal-content .form-control, #main-modal-content .form-control.square, #modal-add-service #main-modal-content input, #modal-add-service #main-modal-content textarea, #modal-add-service #main-modal-content select, #modal-add-service #main-modal-content .form-control{ background:#050712!important; background-color:#050712!important; background-image:none!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#14d9ff!important; border-color:rgba(255,255,255,.12)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important; opacity:1!important; } #main-modal-content input:-webkit-autofill, #main-modal-content input:-webkit-autofill:hover, #main-modal-content input:-webkit-autofill:focus, #main-modal-content input:-webkit-autofill:active, #main-modal-content textarea:-webkit-autofill, #main-modal-content textarea:-webkit-autofill:hover, #main-modal-content textarea:-webkit-autofill:focus, #main-modal-content select:-webkit-autofill, #main-modal-content select:-webkit-autofill:hover, #main-modal-content select:-webkit-autofill:focus{ background:#050712!important; background-color:#050712!important; background-image:none!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#14d9ff!important; box-shadow:0 0 0 1000px #050712 inset!important; -webkit-box-shadow:0 0 0 1000px #050712 inset!important; transition:background-color 999999s ease-in-out 0s!important; } #main-modal-content input::selection, #main-modal-content textarea::selection{ background:rgba(20,217,255,.30)!important; color:#ffffff!important; } .pi-api-provider-shell{ position:fixed!important; inset:0!important; z-index:2147482400!important; display:block!important; overflow:hidden!important; pointer-events:auto!important; } body.pi-api-modal-open{ overflow:hidden!important; } /* END PI API PROVIDER POPUP FIX V53 */ /* PI API SYNC SERVICES MODAL FIX V54 Corrige o popup de Sincronizar serviços: checkboxes não ocupam largura total, textos legíveis em PT-BR, fechamento pelo X/Cancelar e padrão visual do painel. */ #main-modal-content input[type="checkbox"], #main-modal-content input.pi-api-checkbox, #modal-add-service #main-modal-content input[type="checkbox"]{ width:18px!important; min-width:18px!important; max-width:18px!important; height:18px!important; min-height:18px!important; max-height:18px!important; flex:0 0 18px!important; margin:2px 10px 0 0!important; padding:0!important; border-radius:5px!important; background:#050712!important; background-color:#050712!important; border:1px solid rgba(20,217,255,.38)!important; box-shadow:0 0 0 3px rgba(20,217,255,.06)!important; -webkit-box-shadow:0 0 0 3px rgba(20,217,255,.06)!important; accent-color:#7c3cff!important; -webkit-text-fill-color:initial!important; cursor:pointer!important; appearance:auto!important; -webkit-appearance:checkbox!important; } #main-modal-content .pi-api-check, #main-modal-content .pi-api-checkbox-group{ display:flex!important; align-items:flex-start!important; gap:10px!important; width:100%!important; padding:10px 11px!important; margin:8px 0!important; border-radius:14px!important; background:rgba(255,255,255,.055)!important; border:1px solid rgba(255,255,255,.10)!important; color:rgba(255,255,255,.76)!important; -webkit-text-fill-color:rgba(255,255,255,.76)!important; font-size:12px!important; font-weight:850!important; line-height:1.45!important; } #main-modal-content .pi-api-check input[type="checkbox"], #main-modal-content .pi-api-checkbox-group input[type="checkbox"]{ margin:1px 0 0!important; } #main-modal-content .pi-api-check span, #main-modal-content .pi-api-checkbox-group span, #main-modal-content .pi-api-checkbox-group label, #main-modal-content .pi-api-checkbox-group .custom-control-label{ color:rgba(255,255,255,.78)!important; -webkit-text-fill-color:rgba(255,255,255,.78)!important; line-height:1.45!important; } #main-modal-content .pi-api-checkbox-group a, #main-modal-content .pi-api-check a{ color:#36d7ff!important; -webkit-text-fill-color:#36d7ff!important; font-weight:950!important; } #main-modal-content .modal-content:not(.pi-api-modal){ color:#ffffff!important; -webkit-text-fill-color:initial!important; } #main-modal-content .modal-content.pi-api-modal .modal-body ul, #main-modal-content .modal-content.pi-api-modal .modal-body li, #main-modal-content .modal-content.pi-api-modal .note, #main-modal-content .modal-content.pi-api-modal .help-block, #main-modal-content .modal-content.pi-api-modal small{ color:rgba(255,255,255,.66)!important; -webkit-text-fill-color:rgba(255,255,255,.66)!important; } #main-modal-content .modal-content.pi-api-modal .modal-body ul{ margin:10px 0 0!important; padding-left:20px!important; } #main-modal-content .modal-content.pi-api-modal .modal-body li{ margin:4px 0!important; line-height:1.45!important; } /* END PI API SYNC SERVICES MODAL FIX V54 */