:root{--bg:#050506;--card:#111217;--text:#fff;--muted:#b8b0a5;--line:#343039;--gold:#d8b56d;--orange:#ff9300;--orange2:#ff6200;--blue:#164bff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#141d2b 0,#09090c 36%,#030303 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.wrap{max-width:720px;margin:auto;padding:18px 14px 95px}.topbar{display:flex;justify-content:space-between;align-items:center}.back,.gear{width:50px;height:50px;border-radius:16px;border:1px solid #3d3d47;background:#16171dcc;color:#e8e3dc;text-decoration:none;display:grid;place-items:center;font-size:34px;box-shadow:0 10px 30px #0008}.gear{font-size:24px}.hero{text-align:center;margin-top:-38px;padding:0 58px 18px}.hero h1{font-size:32px;margin:0;letter-spacing:-.7px}.hero p{margin:4px 0;color:#cdbb9f;font-size:18px}.app-logo{width:66px;height:66px;border-radius:18px;object-fit:cover;margin-bottom:8px}.amount-box{text-align:center;padding:6px 0 18px}.mini-label{color:#e7c47c;letter-spacing:3px;font-weight:900;font-size:14px}.amount-line{display:flex;align-items:center;justify-content:center;gap:10px}.amount-line span,.amount-line input{font-size:58px;font-weight:900;letter-spacing:-2px;color:#fff;text-shadow:0 8px 22px #000}.amount-line input{width:260px;text-align:left;background:transparent;border:0;outline:0}.edit-btn{border:1px solid #34343d;background:#121319cc;color:#cfc7bd;border-radius:16px;padding:14px 34px;font-size:18px}.options{border:1px solid #3b3328;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;margin:12px auto;background:linear-gradient(180deg,#111217bb,#090a0dcc)}.pay-option{text-align:left;border:1px solid transparent;border-radius:17px;background:transparent;color:#eee;padding:16px 12px;display:grid;grid-template-columns:52px 1fr;column-gap:12px;align-items:center;cursor:pointer}.pay-option.active{border-color:#765421;background:linear-gradient(135deg,#2c2113cc,#111217aa);box-shadow:inset 0 0 25px #ff930014,0 0 22px #ff930014}.pay-option strong{display:block;font-size:20px}.pay-option small{display:block;color:#b4ada4;font-size:15px;margin-top:3px}.ico{grid-row:1/3;width:46px;height:46px;border-radius:16px;background:#2c2110;color:#ffae19;display:grid;place-items:center;font-weight:900}.ico.mp{background:#151820;color:#e4e4e4}.details{margin:12px 0}.field{width:100%;border:1px solid #2f3038;background:#08090bcc;color:#fff;border-radius:16px;padding:16px;margin:6px 0;font-size:16px;outline:none}.primary{width:100%;border:0;border-radius:17px;padding:19px;font-size:20px;font-weight:900;color:#fff;background:linear-gradient(90deg,#ff9d00,#ff5b00);box-shadow:0 12px 32px #ff72003d;cursor:pointer}.primary:disabled{opacity:.65}.pix-card{display:none;margin-top:18px}.status-card,.code-card{border:1px solid #4a3923;border-radius:22px;background:linear-gradient(180deg,#15161acc,#08090cee);box-shadow:0 12px 40px #0008}.status-card{min-height:82px;padding:16px;display:grid;grid-template-columns:56px 1fr 46px;gap:12px;align-items:center}.status-ico{width:52px;height:52px;border-radius:18px;background:#2c2110;color:#ffae19;display:grid;place-items:center;box-shadow:0 0 25px #ff930017}.status-card h2{font-size:22px;margin:0}.status-card p{margin:3px 0 0;color:#c9c1b6}.refresh{border:0;background:transparent;color:#e8b66b;font-size:26px}.pay-value{text-align:center;color:#aaa;margin:22px 0 2px}.pay-value strong{display:block;color:#fff;font-size:34px}.timer{text-align:right;color:#ffb347;font-weight:800;margin:0 4px 10px}.qr-box{background:#fff;border-radius:25px;padding:22px;margin:12px auto 22px;max-width:455px;box-shadow:0 0 35px #fff1}.qr-box img{width:100%;display:block;border-radius:8px}.code-card{padding:16px}.code-title{color:#e0be78;font-size:14px;letter-spacing:1.8px;font-weight:900;margin-bottom:10px}.code-row{display:grid;grid-template-columns:1fr 48px;gap:9px}.code-row pre{margin:0;white-space:pre-wrap;word-break:break-all;max-height:110px;overflow:auto;background:#0d0e12;border:1px solid #282a31;border-radius:14px;padding:14px;color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;line-height:1.38}.code-row button{border:0;border-radius:14px;background:#2b2d36;color:#fff;font-size:23px}.meta{margin:14px 0}.meta div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2b2c32;padding:9px 0;color:#d0bd9d}.meta b{color:#fff;text-align:right}.copy-main{width:100%;border:0;border-radius:15px;background:linear-gradient(90deg,#0759ff,#2400ff);color:#fff;font-size:19px;font-weight:900;padding:17px;margin-top:6px}.verify{width:100%;border:1px solid #30323a;border-radius:20px;background:#15161acc;color:#fff;font-size:19px;font-weight:900;padding:17px;margin-top:12px}.pix-card.paid .status-card{border-color:#2abf63}.pix-card.paid .status-ico{background:#12351f;color:#48e37d}.bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:720px;background:#111218f2;backdrop-filter:blur(10px);border-top:1px solid #2a2b31;display:flex;justify-content:space-around;padding:10px 4px}.bottom a{color:#aaa;text-decoration:none;text-align:center;font-size:12px}.bottom a.active,.bottom a.active span{color:#ff9d00}.bottom a:first-letter{font-size:24px}.panel{border:1px solid #2d2f38;background:linear-gradient(180deg,#13141acc,#090a0dcc);border-radius:22px;padding:18px;margin-bottom:14px}.panel h2{margin:8px 0 12px}.save{width:100%;border:0;border-radius:15px;background:linear-gradient(90deg,#ff9d00,#ff5b00);color:#fff;font-size:18px;font-weight:900;padding:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #2a2b32;padding:10px;text-align:left}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#2d2d33;color:#ddd}.pill.paid{background:#103b22;color:#4be984}.pill.pending{background:#3b2b10;color:#ffba4d}.pill.expired,.pill.cancelled{background:#3b1010;color:#ff8585}.login{max-width:430px;margin:7vh auto}.alert{border:1px solid #22b464;background:#0b2c18;color:#a9ffc7;border-radius:16px;padding:12px;margin-bottom:12px}@media(max-width:560px){.wrap{padding-left:14px;padding-right:14px}.hero{margin-top:-32px}.hero h1{font-size:28px}.hero p{font-size:15px}.amount-line span,.amount-line input{font-size:48px}.amount-line input{width:220px}.options{grid-template-columns:1fr}.qr-box{padding:18px}.code-row{grid-template-columns:1fr}.code-row button{height:48px}.pay-option strong{font-size:19px}}
/* V9 ajustes do admin: configuração escondida, histórico bonito, backup/restauração */
.admin-wrap{padding-bottom:110px}.admin-hero{margin-top:-36px}.admin-card{box-shadow:0 18px 55px #0008;border-color:#38313a}.card-head{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;margin-bottom:14px}.card-head h2{margin:0;font-size:25px}.card-head p{margin:4px 0 0;color:#bcb4aa;line-height:1.3}.card-head.mini{margin-top:14px}.label{display:block;color:#e1bf78;font-size:13px;font-weight:900;letter-spacing:.8px;margin:12px 2px 5px;text-transform:uppercase}.check{display:block;color:#c9c1b6;margin:12px 2px 14px}.check input{transform:scale(1.18);margin-right:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.soft-sep{height:1px;background:linear-gradient(90deg,transparent,#443727,transparent);margin:18px 0}.muted{color:#a9a49e}.error{color:#ff8a8a}.alert.danger{border-color:#c24d4d;background:#2c0b0b;color:#ffd0d0}.save.secondary{background:linear-gradient(90deg,#141924,#0b0d13);border:1px solid #34415b;color:#fff;box-shadow:none}.history-list{display:grid;gap:10px;margin-top:14px}.hist-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;border:1px solid #272a32;background:linear-gradient(180deg,#101116,#07080a);border-radius:18px;padding:13px}.hist-item strong{font-size:20px}.hist-item small{display:block;color:#bcb4aa;margin-top:4px;line-height:1.35}.hist-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.hist-actions button{border:1px solid #4a3923;background:#19140d;color:#f7d18a;border-radius:12px;padding:9px 11px;font-weight:800}.hist-actions button:last-child{background:#160c0c;color:#ffaaa0;border-color:#4a2323}.backup-btn{display:block;text-align:center;text-decoration:none;width:100%;border:0;border-radius:15px;background:linear-gradient(90deg,#ff9d00,#ff5b00);color:#fff;font-size:18px;font-weight:900;padding:16px;margin-bottom:10px}.restore-form{margin-top:10px}@media(max-width:560px){.grid2{grid-template-columns:1fr}.admin-hero h1{font-size:30px}.hist-item{grid-template-columns:1fr}.pill{width:max-content}}

/* V11 organização: admin por ambientes e tela limpa de cobrança */
.clean-pay .pay-hero{padding-bottom:10px}.main-amount{margin-top:4px;border:1px solid #2e2822;background:linear-gradient(180deg,#101116cc,#08090bcc);border-radius:26px;padding:22px 12px 24px;box-shadow:0 18px 50px #0008}.slim-details{margin-top:14px}.hidden{display:none!important}.admin-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 14px;margin-bottom:6px;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs a{white-space:nowrap;text-decoration:none;color:#cfc7bd;border:1px solid #2f3038;background:#111217cc;border-radius:999px;padding:11px 14px;font-weight:800}.admin-tabs a.active{color:#fff;border-color:#80571e;background:linear-gradient(135deg,#3a2810,#161217);box-shadow:0 0 22px #ff930018}.config-grid{display:grid;grid-template-columns:1fr;gap:12px}.config-tile{position:relative;display:grid;grid-template-columns:56px 1fr auto;gap:13px;align-items:center;text-decoration:none;color:#fff;border:1px solid #302b29;border-radius:22px;background:linear-gradient(180deg,#13141acc,#08090cee);padding:15px;box-shadow:0 15px 38px #0007}.config-tile h2{margin:0;font-size:21px}.config-tile p{margin:4px 0 0;color:#bdb5ab;line-height:1.25}.tile-ico{width:52px;height:52px;border-radius:18px;background:#2c2110;color:#ffb12a;display:grid;place-items:center;font-weight:950;box-shadow:0 0 26px #ff930018}.tile-ico.mp{background:#121824;color:#fff}.ok-badge{border-radius:999px;padding:8px 10px;font-weight:900;font-size:12px}.ok-badge.good{background:#0f331c;color:#61f28f;border:1px solid #245f36}.ok-badge.warn{background:#34230b;color:#ffc56d;border:1px solid #684818}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 12px}.choice-card{min-height:78px;border:1px solid #2f3038;border-radius:18px;background:#0c0d11;display:flex;flex-direction:column;justify-content:center;padding:13px;cursor:pointer}.choice-card input{display:none}.choice-card b{font-size:18px}.choice-card small{color:#bcb4aa;margin-top:4px;line-height:1.25}.choice-card.active{border-color:#25ba61;background:linear-gradient(135deg,#0d2b18,#111217);box-shadow:0 0 24px #27d66e1d}.switch-line{display:flex;gap:10px;align-items:center;border:1px solid #2d2f38;background:#0b0c10;border-radius:17px;padding:14px;margin:10px 0;color:#eee;font-weight:800}.switch-line input{transform:scale(1.2)}.sheet-backdrop{position:fixed;inset:0;background:#0000;display:none;align-items:flex-end;justify-content:center;z-index:40}.sheet-backdrop.show{display:flex;background:#0009}.pay-sheet{width:100%;max-width:720px;border-radius:28px 28px 0 0;border:1px solid #403222;background:linear-gradient(180deg,#15161c,#07080b);padding:14px 14px 22px;box-shadow:0 -20px 60px #000}.sheet-grip{width:54px;height:5px;border-radius:999px;background:#5a524b;margin:0 auto 14px}.pay-sheet h2{margin:0;text-align:center;font-size:25px}.pay-sheet p{text-align:center;color:#bdb5ab;margin:5px 0 14px}.sheet-option{width:100%;border:1px solid #33343c;background:linear-gradient(180deg,#101116,#090a0d);color:#fff;border-radius:20px;display:grid;grid-template-columns:56px 1fr;gap:13px;align-items:center;text-align:left;padding:15px;margin:9px 0}.sheet-option strong{font-size:20px}.sheet-option small{display:block;color:#bdb5ab;margin-top:4px;line-height:1.25}.sheet-empty-state{margin:10px 0 14px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,84,84,.26);background:linear-gradient(180deg,rgba(65,10,14,.42),rgba(20,8,10,.72));display:flex;flex-direction:column;gap:6px;color:#ffe7e7}
.sheet-empty-state b{font-size:16px;color:#fff}
.sheet-empty-state small{color:#f2c4c4;line-height:1.4}
.sheet-cancel{width:100%;border:0;border-radius:17px;background:#202128;color:#e8e3dc;padding:15px;font-size:17px;font-weight:900;margin-top:8px}.panel.admin-card{animation:popin .18s ease-out}@keyframes popin{from{transform:translateY(8px);opacity:.75}to{transform:none;opacity:1}}@media(min-width:680px){.config-grid{grid-template-columns:1fr 1fr}.sheet-backdrop{align-items:center}.pay-sheet{border-radius:28px;max-width:520px}}@media(max-width:560px){.choice-grid{grid-template-columns:1fr}.config-tile{grid-template-columns:52px 1fr}.config-tile .ok-badge{grid-column:2;justify-self:start}.sheet-option strong{font-size:19px}.main-amount{padding-left:8px;padding-right:8px}}
/* v12 - tela limpa com palco do QR, checkout e confirmação bonita */
.main-amount{border:1px solid #3b3328;border-radius:28px;background:linear-gradient(180deg,#111722b8,#090a0dcc);padding:28px 12px;margin:12px 0 16px;box-shadow:inset 0 0 35px #ff930009,0 12px 35px #0007}.slim-details .field{padding-left:48px;background:linear-gradient(180deg,#101116,#07080a);border-color:#30323a}.slim-details .field:first-child{background-image:linear-gradient(180deg,#101116,#07080a)}.receive-stage{position:relative;overflow:hidden;border:1px solid #3d3328;border-radius:28px;min-height:285px;margin:20px 0 14px;background:radial-gradient(circle at 24% 45%,#182336 0,#0a0b10 42%,#050507 100%);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 45px #ff930008,0 15px 45px #0008}.receive-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,147,0,.08) 35%,transparent 70%);transform:translateX(-120%);animation:stageShine 4.5s ease-in-out infinite}.receive-stage.loading:before{animation-duration:1.1s}.orb{position:relative;width:172px;height:172px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#131822 0,#07090d 58%,transparent 60%)}.orb:before,.orb:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,147,0,.42);filter:drop-shadow(0 0 12px rgba(255,147,0,.32));animation:spin 4.8s linear infinite}.orb:after{inset:18px;border-color:rgba(40,104,255,.34);animation-duration:3.7s;animation-direction:reverse}.orb span{width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,#2e210d,#10131b);display:grid;place-items:center;box-shadow:0 0 35px #ff930026}.orb span:before{content:"▦";font-size:36px;color:#ff9d00}.orb i{position:absolute;width:10px;height:10px;border-radius:50%;background:#ff9d00;box-shadow:0 0 22px #ff9d00;transform:translate(72px,-42px)}.stage-text{position:relative;margin-top:-34px;color:#d6c7b0}.stage-text b{display:block;font-size:20px;color:#fff}.stage-text small{display:block;margin-top:6px;color:#b9b0a4}.bottom-primary{margin-top:8px;margin-bottom:18px}.pix-card{border:1px solid #3d3328;border-radius:28px;background:radial-gradient(circle at 25% 40%,#111b29 0,#090a0e 46%,#050506 100%);padding:14px;box-shadow:0 18px 45px #0009}.pix-card .qr-box{position:relative;overflow:hidden}.pix-card .qr-box:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(255,147,0,.18),transparent,rgba(44,100,255,.16),transparent);animation:spin 7s linear infinite;z-index:0}.pix-card .qr-box img{position:relative;z-index:1}.waiting-card{position:relative;overflow:hidden}.waiting-card:after{content:"";position:absolute;left:-45%;top:0;width:42%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:statusSweep 2.1s ease-in-out infinite}.pix-card.paid .waiting-card{background:linear-gradient(180deg,#112316,#08110b);border-color:#29c063;box-shadow:0 0 28px rgba(41,192,99,.17)}.pix-card.paid .status-ico{animation:paidPulse 1s ease-in-out infinite}.checkout-card{display:none;border:1px solid #473722;border-radius:22px;padding:18px;margin:12px 0;background:linear-gradient(180deg,#12141c,#08090c);text-align:center}.checkout-card h2{margin:0 0 6px}.checkout-card p{color:#bfb5aa;margin:0 0 16px}.checkout-link{text-decoration:none;display:block}.checkout-mode .verify{display:none}.tile-ico.card{background:#1b1d25;color:#8fa0ff}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:999;display:none;align-items:center;justify-content:center;padding:22px}.confirm-overlay.show{display:flex}.confirm-box{width:min(420px,100%);border:1px solid rgba(49,214,111,.65);border-radius:30px;background:radial-gradient(circle at 50% 0,#183b22,#0a0d0b 65%);text-align:center;padding:30px 20px;box-shadow:0 0 60px rgba(42,210,104,.22)}.checkmark{width:98px;height:98px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:linear-gradient(135deg,#24d765,#108c3c);font-size:58px;font-weight:900;box-shadow:0 0 35px rgba(36,215,101,.55);animation:checkPop .55s cubic-bezier(.2,1.4,.3,1)}.confirm-box h2{font-size:30px;margin:0}.confirm-box p{color:#c7d8ca}.confirm-box button{border:0;border-radius:16px;background:linear-gradient(90deg,#20c95a,#0d8a37);color:#fff;font-weight:900;font-size:18px;padding:15px 42px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stageShine{50%,100%{transform:translateX(120%)}}@keyframes statusSweep{50%,100%{left:110%}}@keyframes paidPulse{50%{transform:scale(1.08);box-shadow:0 0 25px rgba(72,227,125,.42)}}@keyframes checkPop{from{transform:scale(.3);opacity:.2}to{transform:scale(1);opacity:1}}


/* ===== Dock inferior premium v13 ===== */
body{padding-bottom:112px}
.app-dock{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:90;
  width:min(680px,calc(100% - 28px));height:86px;border-radius:34px;
  display:grid;grid-template-columns:1fr 1fr 112px 1fr 1fr;align-items:center;gap:0;
  padding:10px 16px;background:linear-gradient(180deg,rgba(23,25,31,.94),rgba(8,9,12,.96));
  border:1px solid rgba(255,255,255,.12);box-shadow:0 -12px 42px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(16px);
}
.app-dock:before{content:"";position:absolute;inset:0;border-radius:34px;background:radial-gradient(circle at 50% 0,rgba(255,147,0,.16),transparent 46%);pointer-events:none}
.dock-item,.dock-center{position:relative;text-decoration:none;border:0;background:transparent;color:#a9aab2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-family:inherit;min-width:0;cursor:pointer}
.dock-item b{font-size:25px;line-height:1;font-weight:700}.dock-item span{font-size:13px;white-space:nowrap}.dock-item.active{color:#ff9800}.dock-item.active:after{content:"";width:6px;height:6px;border-radius:50%;background:#ff9800;box-shadow:0 0 12px #ff9800;position:absolute;bottom:2px}
.dock-center{width:94px;height:94px;border-radius:50%;margin-top:-48px;justify-self:center;color:#fff;background:linear-gradient(135deg,#ffb000,#ff5b00);border:4px solid rgba(255,166,0,.22);box-shadow:0 0 0 8px rgba(255,145,0,.08),0 16px 38px rgba(255,103,0,.48),inset 0 2px 0 rgba(255,255,255,.22);animation:centerGlow 2.4s ease-in-out infinite}.dock-center b{font-size:29px;line-height:1}.dock-center span{font-size:14px;font-weight:900}.dock-center:active{transform:scale(.96)}
@keyframes centerGlow{0%,100%{box-shadow:0 0 0 8px rgba(255,145,0,.08),0 16px 38px rgba(255,103,0,.43),inset 0 2px 0 rgba(255,255,255,.22)}50%{box-shadow:0 0 0 13px rgba(255,145,0,.04),0 16px 56px rgba(255,132,0,.68),inset 0 2px 0 rgba(255,255,255,.26)}}
@media(max-width:420px){.app-dock{height:82px;border-radius:30px;grid-template-columns:1fr 1fr 96px 1fr 1fr;padding:9px 10px}.dock-center{width:86px;height:86px;margin-top:-44px}.dock-item b{font-size:22px}.dock-item span{font-size:12px}}

/* deixa a tela principal menos vazia e guia o usuário até o QR */
.receive-stage{min-height:220px;margin-top:10px;margin-bottom:12px}
.receive-stage.loading{border-color:rgba(255,147,0,.7);box-shadow:0 0 34px rgba(255,147,0,.16)}
.receive-stage.loading .orb{animation:spin 1.7s linear infinite}
.result-anchor-note{display:none}


/* ===== v14 ajustes visuais e usabilidade ===== */
.bottom-primary{display:none!important}
.wrap.clean-pay{padding-bottom:140px}
.sheet-backdrop{z-index:220;padding:0 10px calc(env(safe-area-inset-bottom) + 110px)}
.sheet-backdrop.show{display:flex;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}
.pay-sheet{margin:0 auto;border-radius:28px;padding:14px 14px 18px;max-height:min(78vh,640px);overflow:auto;box-shadow:0 -18px 55px rgba(0,0,0,.72)}
@media(min-width:680px){.sheet-backdrop{padding-bottom:40px}.pay-sheet{max-width:540px;border-radius:30px}}
.receive-stage{min-height:300px;margin-top:16px;margin-bottom:18px;border-radius:34px;background:radial-gradient(circle at 25% 40%,rgba(28,47,74,.95) 0,rgba(9,11,16,.98) 42%,rgba(4,5,7,1) 100%);border:1px solid rgba(255,157,0,.18);box-shadow:inset 0 0 50px rgba(255,147,0,.06),0 18px 48px rgba(0,0,0,.55)}
.receive-stage:before{background:linear-gradient(120deg,transparent 0%,rgba(255,147,0,.06) 34%,rgba(67,122,255,.08) 52%,transparent 72%);animation:stageSweep 6s linear infinite}
.receive-stage:after{content:"";position:absolute;inset:auto 18px 18px 18px;height:28px;border-radius:999px;background:linear-gradient(90deg,rgba(255,147,0,.08),rgba(61,116,255,.08),rgba(255,147,0,.08));filter:blur(14px);opacity:.8}
.orb{width:210px;height:210px;animation:floatPulse 3.2s ease-in-out infinite}
.orb:before{border-width:2px;animation:spin 6s linear infinite}
.orb:after{inset:18px;border-width:2px;animation:spinReverse 4.4s linear infinite}
.orb span{width:94px;height:94px;border-radius:28px;box-shadow:0 0 45px rgba(255,147,0,.22),inset 0 0 18px rgba(255,147,0,.08)}
.orb span:before{font-size:42px}
.orb i{width:12px;height:12px;left:50%;top:50%;transform-origin:-72px 0;animation:orbitDot 4s linear infinite;box-shadow:0 0 20px rgba(255,157,0,.9),0 0 45px rgba(49,103,255,.4)}
.stage-text{margin-top:-18px;padding:0 20px}
.stage-text b{font-size:24px;letter-spacing:-.3px}
.stage-text small{font-size:15px;line-height:1.45;color:#c7bcad}
.stage-text strong{color:#ffae29}
.main-amount{border-radius:34px;padding-top:32px;padding-bottom:28px}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes orbitDot{from{transform:rotate(0deg) translateX(78px)}to{transform:rotate(360deg) translateX(78px)}}
@keyframes floatPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.018)}}
@keyframes stageSweep{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
@media(max-width:560px){.receive-stage{min-height:282px;border-radius:30px}.orb{width:188px;height:188px}.orb span{width:84px;height:84px}.stage-text b{font-size:22px}.stage-text small{font-size:14px}}


/* V16 correção real: sem botão de cima, card maior, animação viva e modal acima do rodapé */
.clean-pay{padding-bottom:128px;min-height:100vh;}
.clean-pay .primary,.clean-pay .bottom-primary{display:none!important;}
.clean-pay .main-amount{margin-top:8px;margin-bottom:14px;border-radius:34px;padding:30px 12px 28px;}
.receive-stage{
  min-height:clamp(390px,56vh,560px)!important;
  border-radius:36px!important;
  margin:18px 0 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:18px!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,147,0,.12) 0,transparent 32%),
    radial-gradient(circle at 28% 48%,rgba(49,103,255,.18) 0,transparent 38%),
    linear-gradient(180deg,rgba(17,22,32,.98),rgba(5,6,9,1))!important;
  box-shadow:inset 0 0 70px rgba(255,147,0,.08),0 22px 60px rgba(0,0,0,.65)!important;
}
.receive-stage:before{animation:stageSweepV16 3.8s linear infinite!important;background:linear-gradient(110deg,transparent 0%,rgba(255,147,0,.11) 38%,rgba(69,122,255,.12) 50%,transparent 70%)!important;}
.receive-stage .orb{
  width:min(70vw,280px)!important;
  height:min(70vw,280px)!important;
  margin:0!important;
  background:radial-gradient(circle,#151b27 0,#090b10 54%,transparent 58%)!important;
  animation:orbBreathV16 2.8s ease-in-out infinite!important;
}
.receive-stage .orb:before{
  inset:0!important;
  border:0!important;
  background:conic-gradient(from 0deg,transparent 0 12%,rgba(255,164,28,.95) 18%,transparent 32%,rgba(65,118,255,.8) 48%,transparent 65%,rgba(255,164,28,.75) 78%,transparent 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));
          mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));
  filter:drop-shadow(0 0 16px rgba(255,147,0,.45))!important;
  animation:spinV16 2.2s linear infinite!important;
}
.receive-stage .orb:after{
  inset:24px!important;
  border:0!important;
  background:conic-gradient(from 180deg,transparent 0 18%,rgba(255,255,255,.62) 24%,transparent 36%,rgba(255,147,0,.54) 56%,transparent 74%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));
          mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));
  animation:spinV16Reverse 3.4s linear infinite!important;
}
.receive-stage .orb span{
  width:min(28vw,110px)!important;
  height:min(28vw,110px)!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,#30200a,#0f1420)!important;
  box-shadow:0 0 45px rgba(255,147,0,.28), inset 0 0 24px rgba(255,147,0,.12)!important;
  animation:centerTiltV16 3.1s ease-in-out infinite!important;
}
.receive-stage .orb span:before{content:"PIX"!important;font-size:30px!important;font-weight:1000!important;letter-spacing:-1px;color:#ffb12a!important;text-shadow:0 0 18px rgba(255,147,0,.5)!important;}
.receive-stage .orb i{
  width:14px!important;height:14px!important;left:50%!important;top:50%!important;
  background:#ffae29!important;box-shadow:0 0 18px #ffae29,0 0 38px rgba(61,116,255,.7)!important;
  transform-origin:-92px 0!important;animation:orbitDotV16 1.9s linear infinite!important;
}
.stage-text{margin:0!important;padding:0 26px!important;max-width:420px!important;}
.stage-text b{font-size:26px!important;}
.stage-text small{font-size:15px!important;line-height:1.45!important;}
.sheet-backdrop{z-index:5000!important;align-items:center!important;justify-content:center!important;padding:18px 14px 124px!important;background:rgba(0,0,0,.78)!important;}
.sheet-backdrop.show{display:flex!important;}
.pay-sheet{max-width:560px!important;width:100%!important;border-radius:30px!important;max-height:calc(100vh - 170px)!important;overflow:auto!important;margin:0!important;transform:translateY(-22px)!important;padding-bottom:20px!important;}
.app-dock{z-index:2500!important;}
.pix-card{border-radius:34px!important;padding:18px!important;margin-top:18px!important;}
.qr-box{max-width:min(92vw,520px)!important;border-radius:30px!important;}
@keyframes spinV16{to{transform:rotate(360deg)}}
@keyframes spinV16Reverse{to{transform:rotate(-360deg)}}
@keyframes stageSweepV16{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes orbBreathV16{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes centerTiltV16{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.04)}}
@keyframes orbitDotV16{from{transform:rotate(0deg) translateX(96px)}to{transform:rotate(360deg) translateX(96px)}}
@media(max-width:560px){
  .clean-pay{padding-bottom:130px;}
  .receive-stage{min-height:430px!important;border-radius:34px!important;}
  .pay-sheet{max-height:calc(100vh - 155px)!important;transform:translateY(-34px)!important;}
  .sheet-backdrop{padding-bottom:126px!important;}
  .amount-line span,.amount-line input{font-size:52px!important;}
}
@media(max-width:380px){.receive-stage{min-height:390px!important}.receive-stage .orb{width:230px!important;height:230px!important}.receive-stage .orb i{transform-origin:-78px 0!important}@keyframes orbitDotV16{from{transform:rotate(0deg) translateX(82px)}to{transform:rotate(360deg) translateX(82px)}}}

/* V18 - ajuste pequeno baseado na V16: mantém todas as configurações e só estabiliza o card animado */
html,body{min-height:100%;}
.wrap.clean-pay{
  min-height:100svh!important;
  padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
}
.receive-stage{
  height:clamp(300px,calc(100svh - 392px),470px)!important;
  min-height:0!important;
  max-height:470px!important;
  margin-top:12px!important;
  margin-bottom:12px!important;
  align-content:center!important;
  justify-content:center!important;
}
.receive-stage .orb{
  width:clamp(190px,52vw,280px)!important;
  height:clamp(190px,52vw,280px)!important;
  flex:0 0 auto!important;
}
.stage-text{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 18px!important;
}
.sheet-backdrop{
  padding-bottom:calc(142px + env(safe-area-inset-bottom))!important;
}
.pay-sheet{
  transform:translateY(-42px)!important;
}
@media(max-height:720px){
  .hero.pay-hero{padding-bottom:6px!important;}
  .hero.pay-hero p{display:none!important;}
  .clean-pay .main-amount{padding:20px 10px 18px!important;margin-top:8px!important;margin-bottom:10px!important;}
  .receive-stage{height:clamp(260px,calc(100svh - 328px),390px)!important;}
  .receive-stage .orb{width:clamp(172px,47vw,230px)!important;height:clamp(172px,47vw,230px)!important;}
  .stage-text small{display:none!important;}
  .stage-text b{font-size:22px!important;}
  .pay-sheet{transform:translateY(-54px)!important;max-height:calc(100svh - 178px)!important;}
}
@media(max-width:380px){
  .receive-stage{height:clamp(250px,calc(100svh - 322px),365px)!important;}
  .receive-stage .orb{width:180px!important;height:180px!important;}
}

/* V19 - card PIX centralizado + módulos de atendentes/estoque */
.receive-stage{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  padding:24px 18px!important;
  box-sizing:border-box!important;
}
.receive-stage .orb{
  margin:0 auto!important;
  transform:none!important;
}
.stage-text{
  margin:0!important;
  padding:0 12px!important;
  max-width:360px!important;
  text-align:center!important;
}
@media(max-height:720px){
  .receive-stage{gap:10px!important;padding-top:18px!important;padding-bottom:18px!important;}
  .stage-text{margin:0!important;}
}
.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.perm-grid label{border:1px solid #30323a;background:#0b0c10;border-radius:16px;padding:13px;color:#eee;font-weight:800;line-height:1.25}
.perm-grid input{transform:scale(1.12);margin-right:7px}.attendant-list,.stock-list{margin-top:14px}.attendant-card details,.stock-list details{grid-column:1/-1}.inline-edit{margin-top:12px;display:grid;gap:9px}.danger-btn{background:linear-gradient(90deg,#7d1717,#c42727)!important}.install-box{border:1px solid #30323a;border-radius:22px;background:linear-gradient(180deg,#101116,#08090d);padding:16px;margin-top:14px}.install-box h2{margin:0 0 6px}.install-box p{color:#beb5aa;line-height:1.35}.hist-item details summary{cursor:pointer;font-weight:900;color:#ffb12a;padding:8px 0}.admin-wrap{padding-bottom:105px!important}
@media(max-width:560px){.perm-grid{grid-template-columns:1fr}.receive-stage{min-height:360px!important}.receive-stage .orb{width:clamp(185px,56vw,250px)!important;height:clamp(185px,56vw,250px)!important}}

/* V20 - remove quadrado azul de toque no celular e melhora a apresentação do QR Code */
html, body, *, *::before, *::after{
  -webkit-tap-highlight-color: transparent!important;
}
a, button, .primary, .save, .verify, .copy-main, .pay-option, .sheet-option, .sheet-cancel, .dock-center, .config-tile, .choice-card, .bottom a{
  -webkit-tap-highlight-color: transparent!important;
  tap-highlight-color: transparent!important;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}
a:focus, a:active, button:focus, button:active, .pay-option:focus, .pay-option:active, .sheet-option:focus, .sheet-option:active, .dock-center:focus, .dock-center:active, .config-tile:focus, .config-tile:active{
  outline: none!important;
  box-shadow: inherit;
}
input, textarea, pre, .code-row pre{
  -webkit-user-select: text;
  user-select: text;
}
.qr-box{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  background:linear-gradient(180deg,#ffffff,#f4f4f4)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  padding:18px!important;
  margin:14px auto 24px!important;
  box-shadow:0 0 0 1px rgba(255,147,0,.12),0 20px 55px rgba(0,0,0,.45),0 0 34px rgba(255,255,255,.10)!important;
}
.qr-box:after{
  content:"Aponte a câmera ou copie o código Pix";
  position:relative;
  z-index:2;
  color:#151515;
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.1px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.qr-box img{
  width:min(100%,480px)!important;
  max-width:480px!important;
  aspect-ratio:1/1;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:10px!important;
  box-shadow:inset 0 0 0 1px #ededed,0 10px 25px rgba(0,0,0,.10)!important;
}
.pix-card .qr-box:before{
  opacity:.55!important;
  inset:-28%!important;
  pointer-events:none!important;
}
@media(max-width:560px){
  .qr-box{padding:14px!important;border-radius:26px!important;}
  .qr-box img{padding:8px!important;border-radius:16px!important;}
  .qr-box:after{font-size:12px;padding:7px 10px;}
}

/* v21 - Pix manual + Mercado Pago aguardando */
.manual-confirm-card{
  display:none;
  margin:14px 0 10px;
  padding:16px;
  border-radius:24px;
  border:1px solid rgba(255,138,0,.28);
  background:linear-gradient(145deg,rgba(255,138,0,.15),rgba(255,255,255,.04));
  box-shadow:0 18px 45px rgba(0,0,0,.18);
  text-align:center;
}
.manual-confirm-card h2{margin:0 0 6px;font-size:18px}
.manual-confirm-card p{margin:0 auto 12px;color:rgba(255,255,255,.78);max-width:360px;line-height:1.35}
.manual-confirm-card small{display:block;margin-top:9px;color:rgba(255,255,255,.52)}
.manual-confirm-btn{
  width:100%;
  border:0;
  border-radius:18px;
  padding:15px 18px;
  font-weight:900;
  font-size:16px;
  color:#1b1205;
  background:linear-gradient(135deg,#ffd166,#ff8a00);
  box-shadow:0 14px 30px rgba(255,138,0,.28);
}
.checkout-card.waiting-checkout{
  border-color:rgba(0,170,255,.35);
  background:linear-gradient(145deg,rgba(0,115,255,.16),rgba(255,255,255,.04));
}
.checkout-card.waiting-checkout:after{
  content:'Checando automaticamente...';
  display:block;
  margin-top:10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  color:rgba(255,255,255,.7);
}
.pix-card.checkout-mode .verify,
.pix-card.mp-mode .verify{display:none}
.pix-card.checkout-mode .timer,
.pix-card.mp-mode .timer{opacity:.9}


/* v22 - mais informação na tela, card de confirmação maior e notificação de pagamento */
.status-card.waiting-card{
  grid-template-columns:56px 1fr 46px;
  align-items:center;
  min-height:104px!important;
  padding:18px!important;
}
.status-hint{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.55);
  font-size:12.5px;
  line-height:1.32;
}
.payment-guide{
  display:grid;
  gap:8px;
  margin:12px 0 16px;
}
.payment-guide div{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  padding:10px 12px;
  color:rgba(255,255,255,.78);
  font-size:13.5px;
}
.payment-guide b{
  width:30px;height:30px;border-radius:12px;
  display:grid;place-items:center;
  color:#241300;
  background:linear-gradient(135deg,#ffd166,#ff8a00);
  box-shadow:0 8px 18px rgba(255,138,0,.22);
}
.confirm-overlay{
  padding:18px;
  place-items:center!important;
}
.confirm-box{
  width:min(92vw,390px)!important;
  min-height:390px!important;
  border-radius:34px!important;
  padding:34px 24px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1px solid rgba(72,227,125,.32)!important;
  background:radial-gradient(circle at 50% 0%,rgba(72,227,125,.22),transparent 38%),linear-gradient(180deg,#151a17,#090b0a)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 45px rgba(72,227,125,.14)!important;
}
.confirm-box .checkmark,.checkmark{
  width:96px!important;
  height:96px!important;
  border-radius:32px!important;
  font-size:58px!important;
  margin:0 0 20px!important;
  background:linear-gradient(135deg,#33ef83,#0c9f4c)!important;
  color:#051108!important;
  box-shadow:0 18px 45px rgba(54,239,131,.28)!important;
}
.confirm-box h2{
  font-size:28px!important;
  margin:0 0 10px!important;
  letter-spacing:-.4px;
}
.confirm-box p{
  max-width:300px;
  color:rgba(255,255,255,.84)!important;
  line-height:1.45!important;
  margin:0 0 10px!important;
  font-size:16px!important;
}
.confirm-box small{
  display:block;
  max-width:295px;
  color:rgba(255,255,255,.58);
  line-height:1.38;
  margin:0 0 20px;
}
.confirm-box button{
  width:100%!important;
  border-radius:20px!important;
  padding:16px!important;
  font-size:16px!important;
  font-weight:900!important;
}
.paid-toast{
  position:fixed;
  left:50%;
  top:calc(14px + env(safe-area-inset-top));
  transform:translate(-50%,-130%);
  z-index:99999;
  width:min(92vw,420px);
  border:1px solid rgba(72,227,125,.35);
  border-radius:18px;
  background:linear-gradient(135deg,#0f331f,#101318);
  color:#bfffd4;
  box-shadow:0 16px 45px rgba(0,0,0,.45),0 0 26px rgba(72,227,125,.13);
  padding:14px 16px;
  text-align:center;
  font-weight:900;
  opacity:0;
  transition:.28s ease;
  pointer-events:none;
}
.paid-toast.show{
  opacity:1;
  transform:translate(-50%,0);
}
.manual-confirm-card{
  padding:20px 18px!important;
}
.manual-confirm-card h2{font-size:20px!important;}
.manual-confirm-card p{font-size:14.5px!important;}
@media(max-width:560px){
  .status-card.waiting-card{min-height:112px!important;grid-template-columns:52px 1fr 40px!important;}
  .payment-guide div{font-size:12.8px;padding:9px 10px;}
  .confirm-box{min-height:360px!important;border-radius:30px!important;}
  .confirm-box h2{font-size:25px!important;}
}


/* v24 - visual premium limpo no card inicial + mantém nova cobrança */
.premium-stage{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 22% 18%,rgba(0,183,255,.18),transparent 26%),
    radial-gradient(circle at 82% 24%,rgba(0,255,163,.12),transparent 24%),
    radial-gradient(circle at 50% 100%,rgba(255,157,0,.10),transparent 34%),
    linear-gradient(180deg,rgba(10,14,26,.96),rgba(6,8,14,.98));
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
}
.ambient-backdrop{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.ambient-glow,.ambient-grid,.ambient-spark{position:absolute;display:block;}
.ambient-glow{
  border-radius:999px;
  filter:blur(18px);
  opacity:.62;
  animation:ambientPulse 6.5s ease-in-out infinite;
}
.glow-a{width:150px;height:150px;left:-30px;top:-18px;background:radial-gradient(circle,rgba(0,180,255,.48),rgba(0,180,255,0));}
.glow-b{width:180px;height:180px;right:-34px;top:24px;background:radial-gradient(circle,rgba(0,255,170,.34),rgba(0,255,170,0));animation-delay:1.6s;}
.glow-c{width:170px;height:170px;left:50%;bottom:-78px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,158,58,.24),rgba(255,158,58,0));animation-delay:3s;}
.ambient-grid{
  inset:18px;
  border-radius:28px;
  opacity:.11;
  border:1px solid rgba(255,255,255,.06);
  background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 88%);
}
.ambient-spark{
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 0 14px rgba(255,255,255,.35);
  opacity:.30;
  animation:ambientSpark 7.8s ease-in-out infinite;
}
.spark-a{left:14%;top:22%;animation-delay:.2s;}
.spark-b{left:26%;bottom:24%;animation-delay:1.1s;}
.spark-c{right:16%;top:30%;animation-delay:1.9s;}
.spark-d{right:24%;bottom:20%;animation-delay:3s;}
.spark-e{left:48%;top:18%;animation-delay:4.1s;}
.spark-f{left:58%;bottom:16%;animation-delay:5.2s;}
.premium-stage .orb,.premium-stage .stage-text,.premium-stage .trust-pill{position:relative;z-index:2;}
.premium-stage .orb{
  box-shadow:0 0 0 14px rgba(255,255,255,.02),0 0 80px rgba(0,158,255,.10),0 0 46px rgba(255,157,0,.07)!important;
}
.premium-stage .stage-text b{
  display:block;
  margin-bottom:8px;
  text-shadow:0 3px 18px rgba(0,0,0,.38);
}
.premium-stage .stage-text small{
  color:rgba(255,255,255,.78)!important;
}
.trust-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(97,245,190,.20);
  background:linear-gradient(135deg,rgba(17,27,33,.76),rgba(11,18,27,.52));
  color:#c8ffe4;
  font-size:12.5px;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:0 12px 32px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
@keyframes ambientPulse{
  0%,100%{transform:scale(.96);opacity:.42}
  50%{transform:scale(1.05);opacity:.72}
}
@keyframes ambientSpark{
  0%,100%{transform:translateY(0) scale(.9);opacity:.12}
  50%{transform:translateY(-10px) scale(1.2);opacity:.42}
}
@media(max-width:560px){
  .ambient-grid{inset:14px;border-radius:24px;background-size:18px 18px;}
  .trust-pill{font-size:11.5px;padding:0 13px;min-height:34px;}
  .ambient-spark{width:5px;height:5px;}
}


/* V24.1 - acabamento do visual limpo + rodapé discreto */
.premium-stage{
  background:
    radial-gradient(circle at 22% 18%,rgba(70,115,255,.15),transparent 26%),
    radial-gradient(circle at 82% 24%,rgba(0,255,170,.10),transparent 24%),
    radial-gradient(circle at 50% 100%,rgba(255,157,0,.07),transparent 34%),
    linear-gradient(180deg,rgba(10,14,26,.98),rgba(6,8,14,1))!important;
}
.premium-stage .stage-text small{
  color:rgba(255,255,255,.76)!important;
}
.stage-footer-note{
  position:relative;
  z-index:2;
  max-width:370px;
  text-align:center;
  color:rgba(212,225,255,.45);
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:none;
}
@media(max-width:560px){
  .stage-footer-note{max-width:280px;font-size:10.5px;}
}


/* V25 - volta ao padrão com ciclo de cores vermelho, azul e branco */
.stage-color-cycle{
  background:
    radial-gradient(circle at 24% 42%, rgba(26,38,62,.95) 0, rgba(10,11,16,.98) 42%, rgba(5,5,7,1) 100%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 0 50px rgba(255,255,255,.03),0 18px 48px rgba(0,0,0,.58)!important;
  animation:stageCycleBg 8.5s ease-in-out infinite;
}
.stage-color-cycle:before{
  background:linear-gradient(120deg,transparent 0%,rgba(255,92,92,.10) 32%,rgba(80,137,255,.12) 52%,rgba(255,255,255,.10) 64%,transparent 78%)!important;
  animation:stageSweep 5.2s linear infinite, stageTone 7.2s ease-in-out infinite;
}
.stage-color-cycle:after{
  content:"";
  position:absolute;
  inset:auto 18px 18px 18px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,92,92,.14),rgba(80,137,255,.14),rgba(255,255,255,.14));
  filter:blur(14px);
  opacity:.9;
  animation:stageStripTone 7.2s ease-in-out infinite;
}
.stage-color-cycle .orb{
  animation:floatPulse 3.2s ease-in-out infinite, orbGlowTone 6.8s ease-in-out infinite;
}
.stage-color-cycle .orb:before,
.stage-color-cycle .orb:after{
  border-width:2px;
  animation:spin 6s linear infinite, ringTone 6.8s ease-in-out infinite;
}
.stage-color-cycle .orb:after{
  animation:spinReverse 4.5s linear infinite, ringToneAlt 6.8s ease-in-out infinite;
}
.stage-color-cycle .orb span{
  width:94px;
  height:94px;
  border-radius:28px;
  background:linear-gradient(135deg,#221315,#10131b)!important;
  animation:centerTileTone 6.8s ease-in-out infinite;
}
.stage-color-cycle .orb span:before{
  content:"▦";
  font-size:42px;
  animation:accentTextTone 6.8s ease-in-out infinite;
}
.stage-color-cycle .orb i{
  width:12px;
  height:12px;
  left:50%;
  top:50%;
  transform-origin:-72px 0;
  animation:orbitDot 4s linear infinite, dotTone 6.8s ease-in-out infinite;
}
.stage-color-cycle .stage-text strong,
.stage-color-cycle .stage-text b{
  animation:accentTextTone 6.8s ease-in-out infinite;
}
@keyframes stageCycleBg{
  0%,100%{background:radial-gradient(circle at 24% 42%, rgba(52,18,24,.96) 0, rgba(10,11,16,.98) 42%, rgba(5,5,7,1) 100%)}
  33%{background:radial-gradient(circle at 24% 42%, rgba(18,38,82,.96) 0, rgba(10,11,16,.98) 42%, rgba(5,5,7,1) 100%)}
  66%{background:radial-gradient(circle at 24% 42%, rgba(74,74,88,.82) 0, rgba(10,11,16,.98) 42%, rgba(5,5,7,1) 100%)}
}
@keyframes stageTone{
  0%,100%{filter:drop-shadow(0 0 12px rgba(255,92,92,.10))}
  33%{filter:drop-shadow(0 0 12px rgba(80,137,255,.12))}
  66%{filter:drop-shadow(0 0 12px rgba(255,255,255,.10))}
}
@keyframes stageStripTone{
  0%,100%{background:linear-gradient(90deg,rgba(255,92,92,.18),rgba(255,255,255,.10),rgba(255,92,92,.18))}
  33%{background:linear-gradient(90deg,rgba(80,137,255,.18),rgba(255,255,255,.10),rgba(80,137,255,.18))}
  66%{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(80,137,255,.10),rgba(255,255,255,.18))}
}
@keyframes ringTone{
  0%,100%{border-color:rgba(255,92,92,.55);filter:drop-shadow(0 0 14px rgba(255,92,92,.28))}
  33%{border-color:rgba(80,137,255,.55);filter:drop-shadow(0 0 14px rgba(80,137,255,.28))}
  66%{border-color:rgba(255,255,255,.68);filter:drop-shadow(0 0 14px rgba(255,255,255,.20))}
}
@keyframes ringToneAlt{
  0%,100%{border-color:rgba(255,255,255,.35);filter:drop-shadow(0 0 12px rgba(255,255,255,.18))}
  33%{border-color:rgba(255,92,92,.42);filter:drop-shadow(0 0 12px rgba(255,92,92,.18))}
  66%{border-color:rgba(80,137,255,.46);filter:drop-shadow(0 0 12px rgba(80,137,255,.18))}
}
@keyframes orbGlowTone{
  0%,100%{box-shadow:0 0 0 10px rgba(255,255,255,.02),0 0 44px rgba(255,92,92,.16)}
  33%{box-shadow:0 0 0 10px rgba(255,255,255,.02),0 0 44px rgba(80,137,255,.18)}
  66%{box-shadow:0 0 0 10px rgba(255,255,255,.02),0 0 44px rgba(255,255,255,.12)}
}
@keyframes centerTileTone{
  0%,100%{box-shadow:0 0 36px rgba(255,92,92,.18), inset 0 0 18px rgba(255,92,92,.05)}
  33%{box-shadow:0 0 36px rgba(80,137,255,.18), inset 0 0 18px rgba(80,137,255,.05)}
  66%{box-shadow:0 0 36px rgba(255,255,255,.12), inset 0 0 18px rgba(255,255,255,.05)}
}
@keyframes accentTextTone{
  0%,100%{color:#ff8f8f;text-shadow:0 0 16px rgba(255,92,92,.34)}
  33%{color:#8db3ff;text-shadow:0 0 16px rgba(80,137,255,.34)}
  66%{color:#ffffff;text-shadow:0 0 16px rgba(255,255,255,.24)}
}
@keyframes dotTone{
  0%,100%{background:#ff8f8f;box-shadow:0 0 20px rgba(255,92,92,.92),0 0 42px rgba(255,92,92,.26)}
  33%{background:#8db3ff;box-shadow:0 0 20px rgba(80,137,255,.92),0 0 42px rgba(80,137,255,.26)}
  66%{background:#ffffff;box-shadow:0 0 20px rgba(255,255,255,.88),0 0 42px rgba(255,255,255,.22)}
}
@media(max-width:560px){
  .stage-color-cycle{min-height:282px!important;border-radius:30px!important;}
  .stage-color-cycle .orb{width:188px!important;height:188px!important;}
  .stage-color-cycle .orb span{width:84px!important;height:84px!important;}
  .stage-color-cycle .stage-text b{font-size:22px!important;}
  .stage-color-cycle .stage-text small{font-size:14px!important;}
}


/* V26 - modal bonito e toast do painel */
.ui-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,7,14,.76);backdrop-filter:blur(10px);z-index:1200}
.ui-modal.show{display:flex;animation:modalFadeIn .22s ease}
.ui-modal-card{position:relative;overflow:hidden;width:min(440px,100%);border-radius:30px;background:linear-gradient(180deg,rgba(18,20,30,.98),rgba(8,10,16,.98));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);padding:24px 20px 18px}
.ui-modal-card:before{content:"";position:absolute;inset:-30% auto auto -8%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,157,0,.20),rgba(255,157,0,0));pointer-events:none}
.ui-modal.tone-info .ui-modal-card:before{background:radial-gradient(circle,rgba(80,137,255,.22),rgba(80,137,255,0))}
.ui-modal.tone-success .ui-modal-card:before{background:radial-gradient(circle,rgba(36,215,101,.22),rgba(36,215,101,0))}
.ui-modal.tone-warn .ui-modal-card:before{background:radial-gradient(circle,rgba(255,70,70,.22),rgba(255,70,70,0))}
.ui-modal.tone-danger .ui-modal-card:before{background:radial-gradient(circle,rgba(255,74,95,.26),rgba(255,74,95,0))}
.ui-modal-badge{position:relative;z-index:1;width:74px;height:74px;border-radius:24px;display:grid;place-items:center;font-size:34px;font-weight:1000;color:#fff;background:linear-gradient(135deg,#ff9f1a,#ff5f2d);box-shadow:0 14px 34px rgba(255,122,34,.25);margin-bottom:16px}
.ui-modal.tone-info .ui-modal-badge{background:linear-gradient(135deg,#4f8fff,#7ec4ff);box-shadow:0 14px 34px rgba(80,137,255,.25)}
.ui-modal.tone-success .ui-modal-badge{background:linear-gradient(135deg,#2ad468,#0e9c44);box-shadow:0 14px 34px rgba(42,212,104,.22)}
.ui-modal.tone-warn .ui-modal-badge{background:linear-gradient(135deg,#ff5454,#cf2020);box-shadow:0 14px 34px rgba(255,84,84,.24)}
.ui-modal.tone-danger .ui-modal-badge{background:linear-gradient(135deg,#ff4a5f,#d81f46);box-shadow:0 14px 34px rgba(255,74,95,.26)}
.ui-modal-body{position:relative;z-index:1}
.ui-modal-kicker{display:block;color:#cdb28a;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.ui-modal.tone-info .ui-modal-kicker{color:#9fbeff}
.ui-modal.tone-success .ui-modal-kicker{color:#8ce0ad}
.ui-modal.tone-warn .ui-modal-kicker{color:#ff9d9d}
.ui-modal.tone-danger .ui-modal-kicker{color:#ff9dac}
.ui-modal h3{margin:0 0 8px;font-size:27px;line-height:1.1;color:#fff}
.ui-modal p{margin:0;color:#d5d9e4;line-height:1.5;font-size:15px}
.ui-modal-code{display:none;width:100%;min-height:100px;margin-top:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(4,8,14,.78);color:#fff;padding:14px;font-size:13px;line-height:1.45;resize:none;outline:none}
.ui-modal-actions{position:relative;z-index:1;display:flex;gap:12px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.ui-btn{border:0;border-radius:16px;padding:14px 18px;font-weight:900;font-size:15px;min-width:128px;color:#fff;background:linear-gradient(90deg,#ff9a11,#ff6c2f);box-shadow:0 12px 28px rgba(255,122,34,.18)}
.ui-modal.tone-info .ui-btn{background:linear-gradient(90deg,#4f8fff,#6dc9ff);box-shadow:0 12px 28px rgba(80,137,255,.18)}
.ui-modal.tone-success .ui-btn{background:linear-gradient(90deg,#26d163,#0f9843);box-shadow:0 12px 28px rgba(42,212,104,.18)}
.ui-modal.tone-warn .ui-btn{background:linear-gradient(90deg,#ff5b5b,#d62525);box-shadow:0 12px 28px rgba(255,84,84,.18)}
.ui-modal.tone-danger .ui-btn{background:linear-gradient(90deg,#ff4a5f,#d81f46);box-shadow:0 12px 28px rgba(255,74,95,.20)}
.ui-btn.secondary{background:rgba(255,255,255,.06)!important;box-shadow:none!important;color:#eceff7;border:1px solid rgba(255,255,255,.10)}
.mini-toast{position:fixed;left:50%;bottom:108px;transform:translateX(-50%) translateY(18px);padding:14px 18px;border-radius:999px;background:rgba(12,16,24,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 32px rgba(0,0,0,.34);color:#fff;font-weight:800;letter-spacing:.01em;opacity:0;pointer-events:none;z-index:1250;max-width:calc(100vw - 28px);text-align:center}
.mini-toast.show{opacity:1;transform:translateX(-50%) translateY(0);transition:all .22s ease}
.mini-toast.success{border-color:rgba(42,212,104,.32);box-shadow:0 14px 32px rgba(42,212,104,.12),0 14px 32px rgba(0,0,0,.30)}
@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:560px){.ui-modal{padding:16px}.ui-modal-card{border-radius:26px;padding:20px 16px 16px}.ui-modal h3{font-size:24px}.ui-btn{width:100%}.ui-modal-actions{flex-direction:column-reverse}}


/* V27 - padrão de volta: somente o efeito girando usa a cor escolhida na configuração */
.stage-color-cycle{
  animation:none!important;
  background:radial-gradient(circle at 24% 42%, rgba(26,38,62,.95) 0, rgba(10,11,16,.98) 42%, rgba(5,5,7,1) 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 50px rgba(255,255,255,.03),0 18px 48px rgba(0,0,0,.58)!important;
}
.stage-color-cycle:before{
  background:linear-gradient(120deg,transparent 0%,color-mix(in srgb,var(--effect-color,#ff9300) 16%,transparent) 38%,rgba(255,255,255,.06) 52%,transparent 74%)!important;
  animation:stageSweep 5.2s linear infinite!important;
}
.stage-color-cycle:after{
  background:linear-gradient(90deg,color-mix(in srgb,var(--effect-color,#ff9300) 18%,transparent),rgba(255,255,255,.08),color-mix(in srgb,var(--effect-color,#ff9300) 18%,transparent))!important;
  animation:none!important;
}
.stage-color-cycle .orb{animation:floatPulse 3.2s ease-in-out infinite!important;box-shadow:0 0 44px color-mix(in srgb,var(--effect-color,#ff9300) 18%,transparent)!important;}
.stage-color-cycle .orb:before{border-color:color-mix(in srgb,var(--effect-color,#ff9300) 58%,transparent)!important;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--effect-color,#ff9300) 34%,transparent))!important;animation:spin 6s linear infinite!important;}
.stage-color-cycle .orb:after{border-color:rgba(255,255,255,.30)!important;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--effect-color,#ff9300) 20%,transparent))!important;animation:spinReverse 4.5s linear infinite!important;}
.stage-color-cycle .orb span{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(16,19,27,.98))!important;box-shadow:0 0 36px color-mix(in srgb,var(--effect-color,#ff9300) 22%,transparent), inset 0 0 18px color-mix(in srgb,var(--effect-color,#ff9300) 8%,transparent)!important;animation:none!important;}
.stage-color-cycle .orb span:before,.stage-color-cycle .stage-text strong,.stage-color-cycle .stage-text b{color:var(--effect-color,#ff9300)!important;text-shadow:0 0 16px color-mix(in srgb,var(--effect-color,#ff9300) 40%,transparent)!important;animation:none!important;}
.stage-color-cycle .orb i{background:var(--effect-color,#ff9300)!important;box-shadow:0 0 20px color-mix(in srgb,var(--effect-color,#ff9300) 90%,transparent),0 0 42px color-mix(in srgb,var(--effect-color,#ff9300) 26%,transparent)!important;animation:orbitDot 4s linear infinite!important;}
.color-field{height:58px;padding:8px!important;cursor:pointer;}
.effect-preview{height:58px;border:1px solid #30323a;border-radius:16px;background:#0b0d12;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--effect-color,#ff9300);font-weight:1000;box-shadow:inset 0 0 22px color-mix(in srgb,var(--effect-color,#ff9300) 10%,transparent)}
.effect-preview span{width:28px;height:28px;border-radius:50%;border:2px solid var(--effect-color,#ff9300);border-right-color:transparent;animation:spin 1s linear infinite;box-shadow:0 0 18px color-mix(in srgb,var(--effect-color,#ff9300) 32%,transparent)}


/* V30 - padrão preservado + cor configurável sem remover os efeitos antigos */
body{--accent-color:var(--effect-color,#ff9300);--accent-dark:#cc6200;--accent-contrast:#fff;--accent-rgb:255 147 0;--stage-effect-rgb:255 147 0;}
.clean-pay .main-amount{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.clean-pay .amount-line{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;}
.clean-pay .amount-line span{flex:0 0 auto!important;}
.clean-pay .amount-line input#amount{flex:0 0 auto!important;width:calc((var(--amount-ch,5) * 1ch) + .18ch)!important;min-width:3.4ch!important;max-width:8.4ch!important;text-align:left!important;padding:0!important;margin:0!important;}

/* Mantém a luz passando no card, mas usando a cor escolhida */
.receive-stage.stage-effect-custom{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgb(var(--accent-rgb) / .20)!important;
  border-radius:34px!important;
  background:radial-gradient(circle at 25% 40%,rgba(28,47,74,.95) 0,rgba(9,11,16,.98) 42%,rgba(4,5,7,1) 100%)!important;
  box-shadow:inset 0 0 50px rgb(var(--stage-effect-rgb) / .06),0 18px 48px rgba(0,0,0,.55)!important;
}
.receive-stage.stage-effect-custom:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;height:auto!important;left:auto!important;top:auto!important;bottom:auto!important;
  background:linear-gradient(120deg,transparent 0%,rgb(var(--stage-effect-rgb) / .02) 24%,rgb(var(--stage-effect-rgb) / .13) 42%,rgba(255,255,255,.08) 52%,rgb(var(--stage-effect-rgb) / .08) 62%,transparent 78%)!important;
  transform:translateX(-120%)!important;
  filter:none!important;
  opacity:1!important;
  animation:stageShine 4.5s ease-in-out infinite!important;
  pointer-events:none!important;
}
.receive-stage.stage-effect-custom.loading:before{animation-duration:1.1s!important;}
.receive-stage.stage-effect-custom:after{content:"";position:absolute;left:50%;bottom:18px;width:170px;height:24px;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle,rgb(var(--stage-effect-rgb) / .26) 0,rgb(var(--stage-effect-rgb) / .10) 44%,transparent 74%);filter:blur(12px);opacity:.95;pointer-events:none;}
.receive-stage.stage-effect-custom .orb,.receive-stage.stage-effect-custom .stage-text{position:relative;z-index:2;}
.receive-stage.stage-effect-custom .orb{box-shadow:0 0 0 10px rgba(255,255,255,.02),0 0 44px rgb(var(--stage-effect-rgb) / .14)!important;}
.receive-stage.stage-effect-custom .orb:before{border-color:rgb(var(--stage-effect-rgb) / .56)!important;filter:drop-shadow(0 0 14px rgb(var(--stage-effect-rgb) / .30))!important;}
.receive-stage.stage-effect-custom .orb:after{border-color:rgba(80,137,255,.42)!important;filter:drop-shadow(0 0 12px rgba(80,137,255,.18))!important;}
.receive-stage.stage-effect-custom .orb span{box-shadow:0 0 36px rgb(var(--stage-effect-rgb) / .20), inset 0 0 18px rgb(var(--stage-effect-rgb) / .06)!important;}
.receive-stage.stage-effect-custom .orb span:before{content:"PIX"!important;color:var(--accent-color)!important;text-shadow:0 0 18px rgb(var(--stage-effect-rgb) / .48)!important;font-size:30px!important;font-weight:1000!important;letter-spacing:-1px!important;}
.receive-stage.stage-effect-custom .orb i{background:var(--accent-color)!important;box-shadow:0 0 20px rgb(var(--stage-effect-rgb) / .90),0 0 42px rgb(var(--stage-effect-rgb) / .25)!important;}
.receive-stage.stage-effect-custom .stage-text b,.receive-stage.stage-effect-custom .stage-text strong{color:var(--accent-color)!important;text-shadow:0 0 16px rgb(var(--stage-effect-rgb) / .35)!important;}

/* Cor escolhida aplicada nos laranjas principais sem mudar o layout */
.primary,.save,.backup-btn,.manual-confirm-btn,.confirm-box button,.dock-center,.ui-btn:not(.secondary),.copy-main.checkout-link{
  color:var(--accent-contrast)!important;
  background:linear-gradient(135deg,var(--accent-color),var(--accent-dark))!important;
}
.primary,.save,.backup-btn,.manual-confirm-btn,.confirm-box button,.ui-btn:not(.secondary){box-shadow:0 14px 32px rgb(var(--accent-rgb) / .24)!important;}
.dock-center{border-color:rgb(var(--accent-rgb) / .26)!important;box-shadow:0 0 0 8px rgb(var(--accent-rgb) / .09),0 16px 38px rgb(var(--accent-rgb) / .34),inset 0 2px 0 rgba(255,255,255,.22)!important;}
.app-dock:before{background:radial-gradient(circle at 50% 0,rgb(var(--accent-rgb) / .16),transparent 46%)!important;}
.dock-item.active,.dock-item.active b,.dock-item.active span,.bottom a.active,.bottom a.active span,.mini-label,.refresh,.timer,.code-title,.hist-item details summary{color:var(--accent-color)!important;}
.dock-item.active:after{background:var(--accent-color)!important;box-shadow:0 0 12px var(--accent-color)!important;}
.status-ico,.tile-ico,.ico{color:var(--accent-color)!important;background:linear-gradient(180deg,rgb(var(--accent-rgb) / .18),rgba(18,18,24,.94))!important;box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .14) inset,0 12px 30px rgb(var(--accent-rgb) / .10)!important;}
.main-amount{border-color:rgb(var(--accent-rgb) / .24)!important;box-shadow:inset 0 0 35px rgb(var(--accent-rgb) / .04),0 12px 35px rgba(0,0,0,.44)!important;}
.edit-btn{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .08) inset!important;}
.manual-confirm-card{border-color:rgb(var(--accent-rgb) / .30)!important;background:linear-gradient(145deg,rgb(var(--accent-rgb) / .13),rgba(255,255,255,.04))!important;}
@media(max-width:560px){.clean-pay .amount-line input#amount{max-width:8.6ch!important}.receive-stage.stage-effect-custom{min-height:300px!important;}}


/* V32 - confirmação sem botão, toque na tela para voltar; teclado numérico sem modo telefone */
.confirm-overlay.tap-to-close{cursor:pointer;}
.confirm-overlay.tap-to-close .confirm-box{pointer-events:none;}
.confirm-overlay.tap-to-close .confirm-box button{display:none!important;}
.confirm-overlay.tap-to-close .confirm-box small{display:block;margin-top:16px;color:rgba(255,255,255,.62)!important;}
.clean-pay .amount-line input#amount{input-security:auto;}

/* V33 - teclado de valor próprio do painel, sem coluna extra do teclado do Android */
.amount-keypad-backdrop{position:fixed;inset:0;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);z-index:1500;padding:0 12px 92px;}
.amount-keypad-backdrop.show{display:flex;animation:modalFadeIn .16s ease-out;}
.amount-keypad-panel{width:min(430px,100%);border:1px solid rgb(var(--accent-rgb) / .28);border-radius:30px;background:linear-gradient(180deg,rgba(18,20,28,.98),rgba(6,7,11,.98));box-shadow:0 -22px 70px rgba(0,0,0,.62),0 0 46px rgb(var(--accent-rgb) / .13),inset 0 1px 0 rgba(255,255,255,.07);padding:12px 14px 16px;}
.keypad-grip{width:54px;height:5px;border-radius:999px;background:rgba(255,255,255,.20);margin:0 auto 12px;}
.keypad-title{text-align:center;color:var(--accent-color);font-size:12px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;}
.keypad-preview{text-align:center;font-size:40px;line-height:1.05;font-weight:1000;color:#fff;margin-bottom:15px;text-shadow:0 10px 26px rgba(0,0,0,.6);}
.keypad-preview span{color:#fff;}
.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.keypad-grid button{height:64px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:#fff;font-size:30px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.22);}
.keypad-grid button:active{transform:scale(.98);filter:brightness(1.12);}
.keypad-grid .keypad-action{font-size:25px;color:#f2f2f2;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));}
.keypad-grid .keypad-ok{font-size:28px;color:var(--accent-contrast);background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));box-shadow:0 12px 30px rgb(var(--accent-rgb) / .28),inset 0 1px 0 rgba(255,255,255,.18);}
.clean-pay .amount-line input#amount{caret-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;cursor:pointer;}
.clean-pay .amount-line input#amount[readonly]{pointer-events:auto!important;}
@media(min-width:680px){.amount-keypad-backdrop{align-items:center;padding:20px}.amount-keypad-panel{border-radius:32px}}
@media(max-width:420px){.keypad-grid button{height:58px;border-radius:20px;font-size:28px}.keypad-preview{font-size:36px}.amount-keypad-backdrop{padding-left:10px;padding-right:10px}}

/* V34 - mostra só pagamentos configurados e bloqueia aviso de configuração para cliente */
.sheet-empty-warning{
  border:1px solid rgba(255,70,70,.38)!important;
  background:linear-gradient(180deg,rgba(80,12,18,.42),rgba(18,8,10,.92))!important;
  border-radius:22px!important;
  padding:18px!important;
  color:#fff!important;
  box-shadow:inset 0 0 28px rgba(255,20,20,.10),0 16px 45px rgba(0,0,0,.35)!important;
  display:grid!important;
  gap:7px!important;
  text-align:left!important;
}
.sheet-empty-warning b{font-size:18px!important;color:#ff5b5b!important;letter-spacing:.2px!important;}
.sheet-empty-warning small{font-size:14px!important;line-height:1.35!important;color:#ddd!important;}
.ui-modal.tone-warn .ui-modal-card{border-color:rgba(255,68,68,.36)!important;box-shadow:0 0 0 1px rgba(255,40,40,.08),0 28px 90px rgba(0,0,0,.72),0 0 45px rgba(255,35,35,.12)!important;}
.ui-modal.tone-warn .ui-modal-badge{background:linear-gradient(135deg,#ff3636,#8f1111)!important;color:#fff!important;box-shadow:0 0 34px rgba(255,52,52,.35)!important;}
.ui-modal.tone-warn .ui-modal-kicker{color:#ff6a6a!important;}

.sheet-empty-state{display:grid;gap:8px;text-align:center;padding:18px 14px;border-radius:22px;border:1px dashed rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:rgba(255,255,255,.86);margin-bottom:12px}.sheet-empty-state small{color:rgba(255,255,255,.58);line-height:1.4}

/* V36 - Relatórios por atendente/dono */
.report-head .card-head{margin-bottom:14px}.report-periods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.report-periods span{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04);padding:10px;text-align:center;color:rgba(255,255,255,.72);font-weight:800;font-size:12px}.report-list{display:grid;gap:12px;margin-bottom:96px}.report-person{border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 16px 45px rgba(0,0,0,.26);overflow:hidden}.report-person summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px}.report-person summary::-webkit-details-marker{display:none}.report-avatar{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,rgb(var(--accent-rgb) / .20),rgba(12,13,18,.94));box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .14) inset;font-size:22px}.report-person summary b{display:block;color:#fff;font-size:16px}.report-person summary small{display:block;color:rgba(255,255,255,.58);font-size:12px;line-height:1.35}.report-person summary strong{color:var(--accent-color);font-size:15px;white-space:nowrap}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 14px 14px}.report-box{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(0,0,0,.18);padding:12px}.report-box small{display:block;color:rgba(255,255,255,.55);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.report-box b{display:block;color:#fff;font-size:18px;margin:6px 0}.report-box span{color:rgba(255,255,255,.62);font-size:12px}.report-log-title{padding:0 16px 8px;color:var(--accent-color);font-weight:1000;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.report-log{display:grid;gap:8px;padding:0 14px 14px}.report-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.035);padding:10px 12px}.report-row b{color:#fff}.report-row small{display:block;color:rgba(255,255,255,.56);font-size:12px}.report-row span{color:rgba(255,255,255,.72);font-size:12px;text-align:right}.report-delete{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 14px 16px}.danger-btn{background:linear-gradient(135deg,#ff4040,#8f1010)!important;color:#fff!important;box-shadow:0 14px 32px rgba(255,40,40,.22)!important}.pill.paid{color:#48f28a!important}.pill.pending{color:#ffd36b!important}.pill.expired,.pill.cancelled{color:#ff6b6b!important}@media(max-width:560px){.report-periods,.report-grid{grid-template-columns:repeat(2,1fr)}.report-person summary{grid-template-columns:auto 1fr}.report-person summary strong{grid-column:2}.report-delete{grid-template-columns:1fr}.report-row{align-items:flex-start;flex-direction:column}.report-row span{text-align:left}}


/* V40 - topo voltou ao padrão; cor individual do atendente mantida */
.admin-tabs a[href*="aparencia"]{border-color:rgba(var(--accent-rgb,255 147 0),.35)}
.color-field{height:58px;padding:8px;border-radius:16px;cursor:pointer}.effect-preview{height:78px;border:1px solid color-mix(in srgb,var(--effect-color) 55%,#333);border-radius:18px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--effect-color) 38%,transparent),#090a0e 68%);display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 0 28px color-mix(in srgb,var(--effect-color) 22%,transparent)}.effect-preview span{width:34px;height:34px;border-radius:50%;background:var(--effect-color);box-shadow:0 0 28px var(--effect-color)}.effect-preview b{color:var(--effect-color);font-size:24px;letter-spacing:2px;text-shadow:0 0 18px var(--effect-color)}


/* V41 - botão de login/acesso com vermelho discreto, mantendo engrenagem padrão */
.gear.login-entry{
  color:#fff!important;
  border-color:rgba(255,58,58,.55)!important;
  background:linear-gradient(145deg,rgba(185,20,28,.86),rgba(80,10,16,.70))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 12px 28px rgba(255,30,38,.22),0 0 28px rgba(255,35,40,.22)!important;
}
.gear.login-entry:hover,.gear.login-entry:active{filter:brightness(1.08);transform:translateY(-1px);}

/* V42 - Modo livre bonito, sem quebrar o padrão */
.charge-mode-grid{margin:8px 0 16px;}
.free-mode-note{border:1px solid rgba(var(--accent-rgb,255 147 0),.28);background:linear-gradient(180deg,rgb(var(--accent-rgb,255 147 0) / .09),rgba(255,255,255,.03));border-radius:18px;padding:13px 15px;margin:12px 0;color:#ddd;display:grid;gap:4px;}
.free-mode-note b{color:#fff;}
.free-mode-note span{font-size:13px;color:#bfb8af;line-height:1.35;}
.free-mode-pill{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:11px 15px;border-radius:999px;border:1px solid rgb(var(--accent-rgb,255 147 0) / .34);background:rgba(var(--accent-rgb,255 147 0),.11);color:var(--accent-color,#ff9300);font-weight:800;font-size:14px;}
.free-amount-line{justify-content:center;}
.free-amount-line input{font-size:clamp(38px,10vw,58px)!important;text-align:center;color:#fff;min-width:7ch;}
body[data-charge-mode="free"] .main-amount{border-color:rgba(var(--accent-rgb,255 147 0),.55);}
body[data-charge-mode="free"] .keypad-title::after{content:" livre";}

/* V43 - escolha normal/livre dentro da cobrança */
.charge-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px;}
.charge-choice-btn{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#11131a,#0a0b0f);color:#fff;border-radius:18px;padding:13px 11px;text-align:left;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.charge-choice-btn b{font-size:15px;line-height:1.1;}
.charge-choice-btn small{font-size:12px;color:#b9b2a9;line-height:1.2;}
.charge-choice-btn.active{border-color:rgba(var(--accent-rgb,255 147 0),.75);background:linear-gradient(180deg,rgb(var(--accent-rgb,255 147 0) / .18),#090a0d);box-shadow:0 0 24px rgb(var(--accent-rgb,255 147 0) / .18), inset 0 1px 0 rgba(255,255,255,.08);}
@media(max-width:420px){.charge-choice{grid-template-columns:1fr}.charge-choice-btn{text-align:center;align-items:center}}

/* V44 - Seleção da cobrança com verde suave e identificação clara */
.charge-choice-btn{
  position:relative;
  overflow:hidden;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.charge-choice-btn.active{
  border-color:rgba(37, 211, 102, .58)!important;
  background:
    radial-gradient(circle at 18% 15%, rgba(37,211,102,.18), transparent 42%),
    linear-gradient(180deg, rgba(37,211,102,.13), rgba(9,10,13,.96))!important;
  box-shadow:
    0 0 0 1px rgba(37,211,102,.10) inset,
    0 0 22px rgba(37,211,102,.13)!important;
}
.charge-choice-btn.active::after{
  content:'Selecionado';
  position:absolute;
  right:10px;
  top:9px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(37,211,102,.15);
  border:1px solid rgba(37,211,102,.30);
  color:#8ff5b6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
}
.charge-choice-btn.active b{color:#fff!important;}
.charge-choice-btn.active small{color:rgba(220,255,232,.78)!important;}
@media(max-width:420px){.charge-choice-btn.active::after{position:static;margin-top:4px;align-self:center;}}

/* V45 - notificações flutuantes de cobranças pendentes */
.pending-stack{position:fixed;top:calc(8px + env(safe-area-inset-top));right:10px;left:auto;transform:none;width:min(88vw,360px);z-index:1200;display:grid;gap:6px;pointer-events:none}.pending-toast-card{pointer-events:auto;border:1px solid rgba(255,68,68,.55);border-left:3px solid rgba(255,68,68,.95);border-radius:15px;background:linear-gradient(145deg,rgba(18,20,28,.92),rgba(8,9,13,.88));box-shadow:0 10px 26px rgba(0,0,0,.30),0 0 0 1px rgba(255,68,68,.08) inset;backdrop-filter:blur(14px);display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:8px 9px;animation:pendingIn .22s ease both}.pending-toast-card::before{content:"";position:absolute;inset:0;border-radius:15px;background:linear-gradient(90deg,rgba(255,68,68,.09),transparent 54%);pointer-events:none}.pending-toast-card{position:relative;overflow:hidden}.pending-icon{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:rgba(255,68,68,.14);color:#ff6b6b;font-weight:1000;font-size:13px;box-shadow:inset 0 0 0 1px rgba(255,68,68,.18)}.pending-body{min-width:0;position:relative}.pending-kicker{font-size:9px;font-weight:1000;letter-spacing:.10em;text-transform:uppercase;color:#ff7676;opacity:.95}.pending-title{display:block;font-size:13px;color:#fff;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-meta{font-size:10.5px;color:rgba(255,255,255,.58);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-value{position:relative;text-align:right;color:#fff;font-weight:1000;font-size:12.5px}.pending-value small{display:block;font-size:9px;color:rgba(255,255,255,.50);font-weight:800;margin-top:1px}.pending-toast-card:hover{transform:translateY(-1px);border-color:rgba(255,88,88,.85)}.pending-actions{display:grid;gap:10px;margin-top:14px}.pending-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pending-action-btn{border:0;border-radius:15px;padding:14px 12px;font-weight:1000;color:#fff;background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));box-shadow:0 12px 30px rgb(var(--accent-rgb) / .20)}.pending-action-btn.cancel{background:linear-gradient(135deg,#3a3d48,#171820);box-shadow:none;color:#eee;border:1px solid rgba(255,255,255,.10)}.pending-action-btn.danger{background:linear-gradient(135deg,#ff4d4d,#8b1111);box-shadow:0 12px 30px rgba(255,55,55,.20)}@keyframes pendingIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.pending-stack{top:calc(8px + env(safe-area-inset-top));right:8px;width:calc(100vw - 16px);max-width:340px}.pending-toast-card{grid-template-columns:32px 1fr auto;border-radius:14px;padding:7px 8px}.pending-icon{width:28px;height:28px}.pending-title{font-size:12.5px}.pending-value{font-size:12px}.pending-meta{font-size:10px}}

/* V50 - círculo PIX com cores separadas, pulsar e voltar sem desmontar layout */
.pay-hero{
  position:relative!important;
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-top:10px!important;
  padding-bottom:18px!important;
}
.pay-hero .app-logo{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  margin:0!important;
  box-shadow:0 0 22px rgb(var(--accent-rgb,255 147 0) / .20)!important;
}
@media(max-width:560px){
  .pay-hero{min-height:112px!important;}
  .pay-hero .app-logo{width:48px!important;height:48px!important;}
}

.receive-stage.stage-effect-custom{
  background:
    radial-gradient(circle at 24% 42%, rgb(var(--blue-ring-rgb,79 143 255) / .18) 0, transparent 35%),
    radial-gradient(circle at 78% 42%, rgb(var(--ring-rgb,255 178 26) / .10) 0, transparent 32%),
    radial-gradient(circle at 50% 100%, rgb(var(--stage-effect-rgb,255 147 0) / .07) 0, transparent 34%),
    linear-gradient(180deg, rgba(8,10,15,.98), rgba(3,4,7,1))!important;
  border-color:rgb(var(--ring-rgb,255 178 26) / .22)!important;
}
.receive-stage.stage-effect-custom .orb{
  animation:orbSoftFloat 3.5s ease-in-out infinite!important;
  box-shadow:0 0 0 10px rgba(255,255,255,.02),0 0 44px rgb(var(--blue-ring-rgb,79 143 255) / .15)!important;
}
.receive-stage.stage-effect-custom .orb:before{
  border-color:rgb(var(--ring-rgb,255 178 26) / .68)!important;
  filter:drop-shadow(0 0 16px rgb(var(--ring-rgb,255 178 26) / .36))!important;
}
.receive-stage.stage-effect-custom .orb:after{
  border-color:rgb(var(--blue-ring-rgb,79 143 255) / .52)!important;
  filter:drop-shadow(0 0 14px rgb(var(--blue-ring-rgb,79 143 255) / .24))!important;
}
.receive-stage.stage-effect-custom .orb span{
  animation:pixTilePulse 1.85s ease-in-out infinite!important;
  box-shadow:0 0 36px rgb(var(--stage-effect-rgb,255 147 0) / .18), inset 0 0 18px rgb(var(--stage-effect-rgb,255 147 0) / .08)!important;
}
.receive-stage.stage-effect-custom .orb i{
  background:var(--dot-color,#ffffff)!important;
  box-shadow:0 0 20px rgb(var(--dot-rgb,255 255 255) / .92),0 0 42px rgb(var(--dot-rgb,255 255 255) / .30)!important;
}
.receive-stage.stage-effect-custom:after{
  background:radial-gradient(circle,rgb(var(--stage-effect-rgb,255 147 0) / .22) 0,rgb(var(--blue-ring-rgb,79 143 255) / .12) 42%,transparent 74%)!important;
}
@keyframes pixTilePulse{
  0%,100%{transform:scale(1);filter:brightness(1);}
  50%{transform:scale(1.035);filter:brightness(1.18);}
}
@keyframes orbSoftFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-3px);}
}
.effect-preview.multi{
  position:relative;
  height:78px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 24% 50%, color-mix(in srgb,var(--blue-ring-color,#4f8fff) 28%,transparent),transparent 46%),
    radial-gradient(circle at 74% 50%, color-mix(in srgb,var(--ring-color,#ffb21a) 24%,transparent),transparent 46%),
    #0b0d12!important;
  border-color:color-mix(in srgb,var(--ring-color,#ffb21a) 45%,#30323a)!important;
}
.effect-preview.multi span{
  border-color:var(--ring-color,#ffb21a)!important;
  border-left-color:var(--blue-ring-color,#4f8fff)!important;
  border-right-color:transparent!important;
}
.effect-preview.multi b{color:var(--effect-color,#ff9300)!important;text-shadow:0 0 16px var(--effect-color,#ff9300)!important;}
.effect-preview.multi i{width:14px;height:14px;border-radius:999px;background:var(--dot-color,#fff);box-shadow:0 0 18px var(--dot-color,#fff);display:block;}
.save.secondary{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;color:#fff!important;margin-top:10px!important;}


/* V52 - aplica as cores configuradas no efeito real que gira do círculo PIX */
.receive-stage.stage-effect-custom{
  border-color:rgb(var(--accent-rgb,255 147 0) / .30)!important;
  background:
    radial-gradient(circle at 24% 42%, rgb(var(--blue-ring-rgb,79 143 255) / .20) 0, transparent 36%),
    radial-gradient(circle at 78% 42%, rgb(var(--ring-rgb,255 178 26) / .14) 0, transparent 34%),
    radial-gradient(circle at 50% 100%, rgb(var(--stage-effect-rgb,255 147 0) / .10) 0, transparent 36%),
    linear-gradient(180deg, rgba(8,10,15,.98), rgba(3,4,7,1))!important;
  box-shadow:
    inset 0 0 54px rgb(var(--accent-rgb,255 147 0) / .06),
    0 18px 48px rgba(0,0,0,.55)!important;
}
.receive-stage.stage-effect-custom:before{
  background:linear-gradient(110deg,
    transparent 0%,
    rgb(var(--ring-rgb,255 178 26) / .13) 34%,
    rgb(var(--blue-ring-rgb,79 143 255) / .14) 49%,
    rgb(var(--dot-rgb,255 255 255) / .10) 60%,
    transparent 74%)!important;
}
.receive-stage.stage-effect-custom .orb{
  background:radial-gradient(circle,#151b27 0,#090b10 54%,transparent 58%)!important;
  box-shadow:
    0 0 0 10px rgba(255,255,255,.02),
    0 0 46px rgb(var(--blue-ring-rgb,79 143 255) / .18),
    0 0 32px rgb(var(--ring-rgb,255 178 26) / .12)!important;
}
.receive-stage.stage-effect-custom .orb:before{
  border:0!important;
  background:conic-gradient(from 0deg,
    transparent 0 10%,
    rgb(var(--ring-rgb,255 178 26) / .98) 16%,
    rgb(var(--ring-rgb,255 178 26) / .62) 22%,
    transparent 33%,
    rgb(var(--blue-ring-rgb,79 143 255) / .90) 47%,
    rgb(var(--blue-ring-rgb,79 143 255) / .58) 54%,
    transparent 66%,
    rgb(var(--ring-rgb,255 178 26) / .82) 79%,
    transparent 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px))!important;
          mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px))!important;
  filter:drop-shadow(0 0 16px rgb(var(--ring-rgb,255 178 26) / .42)) drop-shadow(0 0 12px rgb(var(--blue-ring-rgb,79 143 255) / .24))!important;
  animation:spinV16 2.2s linear infinite!important;
}
.receive-stage.stage-effect-custom .orb:after{
  border:0!important;
  background:conic-gradient(from 180deg,
    transparent 0 17%,
    rgb(var(--dot-rgb,255 255 255) / .72) 24%,
    transparent 36%,
    rgb(var(--ring-rgb,255 178 26) / .58) 56%,
    transparent 73%,
    rgb(var(--blue-ring-rgb,79 143 255) / .42) 86%,
    transparent 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
          mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  filter:drop-shadow(0 0 14px rgb(var(--dot-rgb,255 255 255) / .28))!important;
  animation:spinV16Reverse 3.4s linear infinite!important;
}
.receive-stage.stage-effect-custom .orb span{
  background:
    radial-gradient(circle at 50% 35%, rgb(var(--accent-rgb,255 147 0) / .13), transparent 58%),
    linear-gradient(135deg,#191a22,#0f1420)!important;
  box-shadow:
    0 0 42px rgb(var(--accent-rgb,255 147 0) / .22),
    inset 0 0 24px rgb(var(--accent-rgb,255 147 0) / .11)!important;
}
.receive-stage.stage-effect-custom .orb span:before{
  color:var(--accent-color,#ff9300)!important;
  text-shadow:0 0 18px rgb(var(--accent-rgb,255 147 0) / .55)!important;
}
.receive-stage.stage-effect-custom .orb i{
  background:var(--dot-color,#ffffff)!important;
  box-shadow:
    0 0 18px rgb(var(--dot-rgb,255 255 255) / .96),
    0 0 38px rgb(var(--dot-rgb,255 255 255) / .42),
    0 0 44px rgb(var(--blue-ring-rgb,79 143 255) / .26)!important;
  animation:orbitDotV16 1.9s linear infinite!important;
}
.receive-stage.stage-effect-custom:after{
  background:radial-gradient(circle,
    rgb(var(--accent-rgb,255 147 0) / .24) 0,
    rgb(var(--blue-ring-rgb,79 143 255) / .14) 44%,
    transparent 74%)!important;
}
.receive-stage.stage-effect-custom .stage-text b,
.receive-stage.stage-effect-custom .stage-text strong{
  color:var(--accent-color,#ff9300)!important;
  text-shadow:0 0 16px rgb(var(--accent-rgb,255 147 0) / .42)!important;
}
.clean-pay .main-amount{
  border-color:rgb(var(--accent-rgb,255 147 0) / .38)!important;
  background:
    radial-gradient(circle at 50% 0%, rgb(var(--accent-rgb,255 147 0) / .10), transparent 52%),
    linear-gradient(180deg,#10141dcc,#08090bcc)!important;
  box-shadow:
    inset 0 0 38px rgb(var(--accent-rgb,255 147 0) / .07),
    0 12px 35px rgba(0,0,0,.44)!important;
}
.clean-pay .main-amount .mini-label{
  color:var(--accent-color,#ff9300)!important;
  text-shadow:0 0 14px rgb(var(--accent-rgb,255 147 0) / .40)!important;
}
.clean-pay .edit-btn{
  border-color:rgb(var(--accent-rgb,255 147 0) / .22)!important;
  box-shadow:0 0 0 1px rgb(var(--accent-rgb,255 147 0) / .08) inset,0 0 20px rgb(var(--accent-rgb,255 147 0) / .05)!important;
}
.effect-preview.multi span{
  background:conic-gradient(from 0deg,transparent 0 10%,var(--ring-color,#ffb21a) 17%,transparent 35%,var(--blue-ring-color,#4f8fff) 50%,transparent 68%,var(--dot-color,#fff) 82%,transparent 100%)!important;
  border:0!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))!important;
          mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))!important;
}


/* V54 - ajuste responsivo: logo sem cobrir o título, card menor e teclado acima do botão Cobrar */
.pay-hero{
  min-height:128px!important;
  padding-top:0!important;
  padding-bottom:12px!important;
  gap:4px!important;
}
.pay-hero .app-logo{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  width:46px!important;
  height:46px!important;
  margin:0 auto 4px!important;
  display:block!important;
  z-index:1!important;
}
.pay-hero h1{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  line-height:1.08!important;
}
.pay-hero p{
  margin:4px 0 0!important;
  line-height:1.22!important;
}
.clean-pay .main-amount{
  padding-top:22px!important;
  padding-bottom:20px!important;
  margin-top:6px!important;
  margin-bottom:10px!important;
}
.receive-stage.stage-effect-custom{
  height:clamp(305px,calc(100svh - 420px),430px)!important;
  min-height:305px!important;
  max-height:430px!important;
  margin-top:10px!important;
  margin-bottom:16px!important;
  padding:20px 18px!important;
  gap:12px!important;
}
.receive-stage.stage-effect-custom .orb{
  width:clamp(188px,50vw,255px)!important;
  height:clamp(188px,50vw,255px)!important;
}
.receive-stage.stage-effect-custom .orb span{
  width:clamp(78px,23vw,105px)!important;
  height:clamp(78px,23vw,105px)!important;
}
.stage-text{padding:0 18px!important;}
.stage-text small{line-height:1.36!important;}
.app-dock{z-index:2500!important;}
.amount-keypad-backdrop{
  z-index:5200!important;
  align-items:flex-end!important;
  padding-left:12px!important;
  padding-right:12px!important;
  padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
}
.amount-keypad-panel{
  transform:translateY(-10px)!important;
  max-height:calc(100svh - 165px)!important;
  overflow:auto!important;
}
@media(max-width:560px){
  .hero.pay-hero{min-height:122px!important;padding-bottom:10px!important;}
  .pay-hero .app-logo{width:42px!important;height:42px!important;border-radius:13px!important;margin-bottom:3px!important;}
  .pay-hero h1{font-size:28px!important;}
  .pay-hero p{font-size:15px!important;}
  .receive-stage.stage-effect-custom{
    height:clamp(295px,calc(100svh - 400px),405px)!important;
    min-height:295px!important;
    max-height:405px!important;
    border-radius:32px!important;
  }
  .stage-text b{font-size:22px!important;}
  .stage-text small{font-size:14px!important;}
  .amount-keypad-backdrop{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important;}
  .amount-keypad-panel{transform:translateY(-14px)!important;}
}
@media(max-height:760px){
  .hero.pay-hero{min-height:104px!important;padding-bottom:6px!important;}
  .pay-hero .app-logo{width:38px!important;height:38px!important;margin-bottom:2px!important;}
  .pay-hero h1{font-size:26px!important;}
  .pay-hero p{font-size:14px!important;}
  .clean-pay .main-amount{padding-top:18px!important;padding-bottom:16px!important;margin-bottom:8px!important;}
  .amount-line span,.amount-line input{font-size:48px!important;}
  .receive-stage.stage-effect-custom{
    height:clamp(268px,calc(100svh - 360px),350px)!important;
    min-height:268px!important;
    max-height:350px!important;
    padding-top:16px!important;
    padding-bottom:16px!important;
    gap:8px!important;
  }
  .receive-stage.stage-effect-custom .orb{width:clamp(170px,48vw,220px)!important;height:clamp(170px,48vw,220px)!important;}
  .stage-text b{font-size:21px!important;}
  .stage-text small{font-size:13px!important;line-height:1.3!important;}
}
@media(max-height:690px){
  .hero.pay-hero p{display:none!important;}
  .hero.pay-hero{min-height:82px!important;}
  .pay-hero .app-logo{width:34px!important;height:34px!important;}
  .receive-stage.stage-effect-custom{height:258px!important;min-height:258px!important;}
  .receive-stage.stage-effect-custom .orb{width:165px!important;height:165px!important;}
  .stage-text small{display:block!important;font-size:12px!important;}
  .amount-keypad-panel{max-height:calc(100svh - 145px)!important;}
}


/* V55 - logo mais visível, linha do app, reflexo configurável e card PIX clicável */
body::before{
  content:"";
  position:fixed;
  left:0;right:0;top:0;height:2px;
  z-index:6000;
  background:linear-gradient(90deg,transparent,rgb(var(--theme-rgb,255 138 0) / .92),transparent);
  box-shadow:0 0 14px rgb(var(--theme-rgb,255 138 0) / .65);
  pointer-events:none;
}
.receive-stage.stage-effect-custom{
  cursor:pointer!important;
  position:relative!important;
  overflow:hidden!important;
}
.receive-stage.stage-effect-custom:before{
  content:""!important;
  position:absolute!important;
  inset:-34% -92%!important;
  width:auto!important;height:auto!important;
  opacity:.72!important;
  transform:translateX(-56%) rotate(10deg)!important;
  background:linear-gradient(110deg,
    transparent 0%,
    transparent 34%,
    rgb(var(--reflect-rgb,255 255 255) / .00) 41%,
    rgb(var(--reflect-rgb,255 255 255) / .04) 45%,
    rgb(var(--reflect-rgb,255 255 255) / .14) 49%,
    rgb(var(--reflect-rgb,255 255 255) / .26) 52%,
    rgb(var(--reflect-rgb,255 255 255) / .14) 56%,
    rgb(var(--reflect-rgb,255 255 255) / .04) 60%,
    transparent 66%,
    transparent 100%)!important;
  filter:blur(.25px)!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
  animation:cardReflectMainV66 7.8s cubic-bezier(.32,.08,.18,.98) infinite!important;
}
@keyframes cardReflectV55{
  0%,34%{transform:translateX(-42%) rotate(10deg);opacity:.18;}
  52%{transform:translateX(42%) rotate(10deg);opacity:.52;}
  100%{transform:translateX(42%) rotate(10deg);opacity:.0;}
}
@keyframes cardReflectMainV66{
  0%,18%{transform:translateX(-56%) rotate(10deg);opacity:0;}
  28%{opacity:.20;}
  48%{transform:translateX(-4%) rotate(10deg);opacity:.60;}
  68%{transform:translateX(48%) rotate(10deg);opacity:.34;}
  100%{transform:translateX(48%) rotate(10deg);opacity:0;}
}
.receive-stage.stage-effect-custom:focus-visible{
  outline:2px solid rgb(var(--accent-rgb,255 147 0) / .55)!important;
  outline-offset:4px!important;
}
.receive-stage.stage-effect-custom .stage-text::after{
  content:"Toque também neste card para cobrar";
  display:block;
  margin-top:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  color:rgb(var(--accent-rgb,255 147 0) / .58);
}
.pay-hero .app-logo{
  width:58px!important;
  height:58px!important;
  border-radius:17px!important;
  margin-bottom:6px!important;
}
.hero.pay-hero{min-height:138px!important;}
@media(max-width:560px){
  .hero.pay-hero{min-height:132px!important;}
  .pay-hero .app-logo{width:54px!important;height:54px!important;border-radius:16px!important;margin-bottom:5px!important;}
}
@media(max-height:760px){
  .hero.pay-hero{min-height:116px!important;}
  .pay-hero .app-logo{width:48px!important;height:48px!important;border-radius:15px!important;}
  .receive-stage.stage-effect-custom{height:clamp(270px,calc(100svh - 365px),355px)!important;}
}
@media(max-height:690px){
  .hero.pay-hero{min-height:94px!important;}
  .pay-hero .app-logo{width:42px!important;height:42px!important;}
  .receive-stage.stage-effect-custom .stage-text::after{display:none!important;}
}
.effect-preview.multi:after{
  content:"";
  position:absolute;
  inset:-45% -80%;
  background:linear-gradient(110deg,transparent 40%,color-mix(in srgb,var(--reflect-color,#fff) 18%,transparent) 51%,transparent 62%);
  transform:rotate(10deg);
  animation:cardReflectV55 5.5s ease-in-out infinite;
  pointer-events:none;
}


/* V58 - login ajustado: sem voltar ao site, logo dentro do card e cores seguindo o painel */
html,body{min-height:100%;}
.login-screen-v57{
  background:
    radial-gradient(circle at 50% 0%, rgb(var(--accent-rgb,255 147 0) / .22), transparent 26%),
    repeating-linear-gradient(45deg, rgb(var(--accent-rgb,255 147 0) / .055) 0 16px, transparent 16px 34px),
    linear-gradient(180deg,#111218 0,#050506 50%,#020203 100%)!important;
  color:#fff;
}
.login-screen-v57:before{
  content:"";position:fixed;left:0;right:0;top:0;height:calc(4px + env(safe-area-inset-top));
  background:linear-gradient(90deg,var(--theme-color-app,var(--accent-color,#ff9300)),var(--accent-color,#ff9300));
  box-shadow:0 0 22px rgb(var(--theme-rgb,255 138 0) / .55);z-index:3;
}
.login-shell-v57{width:min(612px,calc(100% - 40px));margin:0 auto;padding:calc(58px + env(safe-area-inset-top)) 0 34px;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;}
.login-back-v57{display:none!important;}
.login-brand-v57{text-align:center;margin:0 0 22px;position:relative;z-index:1;}
.login-logo-v57{width:116px;height:116px;object-fit:cover;border-radius:24px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.32));border:1px solid rgb(var(--accent-rgb,255 147 0) / .35);box-shadow:0 18px 46px rgba(0,0,0,.48),0 0 34px rgb(var(--accent-rgb,255 147 0) / .22);}
.login-logo-fallback-v57{font-size:34px;font-weight:1000;color:var(--accent-color,#ff9300);}
.login-kicker-v57{display:inline-block;margin-bottom:10px;color:var(--accent-color,#ff9300);font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 16px rgb(var(--accent-rgb,255 147 0) / .35);}
.login-brand-v57 h1{margin:0;font-size:38px;line-height:1.12;font-weight:1000;letter-spacing:-1px;text-wrap:balance;}
.login-brand-v57 p{margin:9px 0 0;color:var(--accent-color,#ff9300);font-size:20px;font-weight:850;}
.login-card-v57{position:relative;overflow:hidden;border:1px solid rgb(var(--accent-rgb,255 147 0) / .56);border-radius:28px;background:linear-gradient(180deg,rgba(28,30,34,.92),rgba(12,13,15,.96));padding:28px clamp(24px,5vw,56px) 34px;box-shadow:0 28px 70px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.035) inset,0 0 42px rgb(var(--accent-rgb,255 147 0) / .14);}
.login-card-v57:before{content:"";position:absolute;inset:-24% -18% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-rgb,255 147 0) / .16),transparent 68%);pointer-events:none;}
.login-card-v57:after{content:"";position:absolute;left:-50%;top:0;width:36%;height:100%;background:linear-gradient(90deg,transparent,rgb(var(--reflect-rgb,255 255 255) / .10),transparent);animation:statusSweep 5.2s ease-in-out infinite;pointer-events:none;}
.login-security-v57{position:relative;z-index:1;margin:0 0 22px;border:1px solid rgb(var(--accent-rgb,255 147 0) / .18);border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,rgb(var(--accent-rgb,255 147 0) / .08),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);}
.login-security-v57 b{display:block;font-size:18px;margin-bottom:4px;color:#fff;}
.login-security-v57 span{display:block;color:rgba(255,255,255,.68);line-height:1.35;font-size:14px;}
.login-label-v57{display:block;position:relative;z-index:1;margin:0 0 8px;color:#fff;font-size:17px;font-weight:1000;}
.login-input-wrap-v57{position:relative;z-index:1;margin:0 0 17px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:#020304;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);}
.login-input-icon-v57{width:40px;height:100%;min-height:58px;display:grid;place-items:center;position:relative;}
.login-input-icon-v57:before{content:"";width:18px;height:18px;display:block;background:linear-gradient(180deg,var(--accent-color,#ff9300),var(--accent-dark,#b85d00));opacity:.92;}
.icon-user-v57:before{border-radius:50% 50% 45% 45%;box-shadow:0 12px 0 -4px var(--accent-color,#ff9300);}
.icon-lock-v57:before{width:18px;height:14px;border-radius:4px;background:linear-gradient(180deg,var(--accent-color,#ff9300),var(--accent-dark,#b85d00));box-shadow:0 -8px 0 -4px transparent;border-top:2px solid var(--accent-color,#ff9300);}
.login-input-wrap-v57 .field{border:0!important;background:transparent!important;margin:0!important;border-radius:17px!important;padding:18px 8px!important;box-shadow:none!important;color:#fff!important;}
.pass-toggle-v57{width:48px;height:54px;border:0;background:transparent;color:#fff;padding:0;cursor:pointer;display:grid;place-items:center;}
.eye-shape-v57{position:relative;width:26px;height:17px;border:2px solid rgba(255,255,255,.78);border-radius:50% 50% 50% 50% / 65% 65% 35% 35%;transform:rotate(-4deg);}
.eye-shape-v57:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--accent-color,#ff9300);transform:translate(-50%,-50%);box-shadow:0 0 12px rgb(var(--accent-rgb,255 147 0) / .55);}
.pass-toggle-v57.show .eye-shape-v57:before{content:"";position:absolute;left:2px;right:2px;top:7px;height:2px;background:#fff;transform:rotate(-28deg);border-radius:3px;}
.login-keep-v57{position:relative;z-index:1;margin:9px 0 18px!important;color:#ddd!important;font-size:16px;}
.login-submit-v57{position:relative;z-index:1;background:linear-gradient(90deg,var(--accent-color,#ff9300),var(--accent-dark,#b85d00))!important;box-shadow:0 16px 38px rgb(var(--accent-rgb,255 147 0) / .30)!important;border-radius:17px!important;}
.login-safe-v57{position:relative;z-index:1;text-align:center;color:rgba(255,255,255,.55);font-size:14px;font-weight:800;margin-top:20px;border-top:1px solid rgba(255,255,255,.06);padding-top:16px;}
.login-safe-v57 b{display:block;color:rgba(255,255,255,.70);font-size:15px;margin-bottom:3px;}
.login-safe-v57 span{display:block;line-height:1.35;}
.login-help-v57{border:1px solid rgb(var(--accent-rgb,255 147 0) / .24);border-radius:22px;background:linear-gradient(180deg,rgba(18,20,28,.78),rgba(8,9,12,.82));padding:0;margin-top:18px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.36);}
.login-help-v57 summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:1000;color:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center;}
.login-help-v57 summary::-webkit-details-marker{display:none;}
.login-help-v57 summary:after{content:'+';width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:var(--accent-color,#ff9300);background:rgb(var(--accent-rgb,255 147 0) / .12);}
.login-help-v57[open] summary:after{content:'−';}
.login-help-v57 div{border-top:1px solid rgb(var(--accent-rgb,255 147 0) / .16);padding:6px 20px 16px;color:#d8d2cb;line-height:1.45;}
.login-help-v57 p{margin:10px 0;}
.login-card-v57 .error{position:relative;z-index:1;border:1px solid rgba(255,76,76,.35);background:rgba(80,10,10,.32);border-radius:14px;padding:12px;color:#ffd1d1;}
body:not(.login-screen-v57) .panel,
body:not(.login-screen-v57) .admin-card,
body:not(.login-screen-v57) .config-tile,
body:not(.login-screen-v57) .pay-sheet,
body:not(.login-screen-v57) .status-card,
body:not(.login-screen-v57) .code-card,
body:not(.login-screen-v57) .ui-modal-card{
  border-color:rgb(var(--accent-rgb,255 147 0) / .30)!important;
}
body:not(.login-screen-v57) .admin-tabs a.active,
body:not(.login-screen-v57) .choice-card.active,
body:not(.login-screen-v57) .pay-option.active,
body:not(.login-screen-v57) .sheet-option:hover,
body:not(.login-screen-v57) .sheet-option:active{
  border-color:rgb(var(--accent-rgb,255 147 0) / .58)!important;
  box-shadow:0 0 24px rgb(var(--accent-rgb,255 147 0) / .14)!important;
}
body:not(.login-screen-v57) .tile-ico,
body:not(.login-screen-v57) .status-ico,
body:not(.login-screen-v57) .ico,
body:not(.login-screen-v57) .ui-modal-badge{
  color:var(--accent-color,#ff9300)!important;
  background:linear-gradient(180deg,rgb(var(--accent-rgb,255 147 0) / .16),rgba(10,11,15,.9))!important;
  box-shadow:0 0 26px rgb(var(--accent-rgb,255 147 0) / .14)!important;
}
body:not(.login-screen-v57) .save,
body:not(.login-screen-v57) .primary,
body:not(.login-screen-v57) .copy-main,
body:not(.login-screen-v57) .ui-btn{
  background:linear-gradient(90deg,var(--accent-color,#ff9300),var(--accent-dark,#b85d00))!important;
  box-shadow:0 14px 32px rgb(var(--accent-rgb,255 147 0) / .24)!important;
}
body:not(.login-screen-v57) .save.secondary,
body:not(.login-screen-v57) .sheet-cancel{background:rgba(255,255,255,.07)!important;box-shadow:none!important;}
body:not(.login-screen-v57) .code-title,
body:not(.login-screen-v57) .ui-modal-kicker,
body:not(.login-screen-v57) .card-head h2,
body:not(.login-screen-v57) .admin-tabs a.active{color:var(--accent-color,#ff9300)!important;}
body:not(.login-screen-v57) .pay-sheet:before,
body:not(.login-screen-v57) .ui-modal-card:before{background:radial-gradient(circle,rgb(var(--accent-rgb,255 147 0) / .18),transparent 68%)!important;}
@media(max-width:560px){
  .login-v57{padding-top:26px!important;}
  .login-logo{width:76px;height:76px;border-radius:22px;}
  .login-brand h1{font-size:31px;}
  .refined-login-panel{padding:20px 16px 18px!important;border-radius:28px!important;}
}


/* V58 login refinado mantendo base anterior */
.login-v58{max-width:500px!important;margin:0 auto!important;padding-top:28px!important;padding-bottom:34px!important;}
.login-shell-v58{display:grid;gap:16px;}
.login-card-wrap{position:relative;padding-top:58px;}
.login-floating-brand{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:3;}
.login-floating-brand .login-logo{width:102px;height:102px;border-radius:28px;margin:0;box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 30px rgb(var(--accent-rgb,255 147 0) / .18);}
.login-floating-brand .login-logo-fallback{font-size:28px;}
.refined-login-panel-v58{padding:86px 18px 20px!important;border-radius:34px!important;max-width:460px;margin:0 auto!important;}
.refined-login-panel-v58:before{content:'';position:absolute;inset:auto auto -35% -16%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-rgb,255 147 0) / .14),transparent 70%);pointer-events:none;}
.refined-login-panel-v58:after{content:'';position:absolute;left:-40%;top:-10%;width:34%;height:116%;background:linear-gradient(110deg,transparent 28%,rgb(var(--reflect-rgb,255 255 255) / .10) 48%,transparent 68%);transform:rotate(10deg);animation:cardReflectV55 7s ease-in-out infinite;pointer-events:none;opacity:.48;}
.login-panel-top{position:relative;z-index:1;text-align:center;margin-bottom:14px;}
.login-panel-top h1{margin:12px 0 6px;font-size:clamp(34px,7vw,42px);line-height:1.02;letter-spacing:-1.4px;}
.login-panel-top p{margin:0;color:#cfc7bd;font-size:18px;line-height:1.25;}
.login-panel-top .login-kicker{margin:0 auto;}
.login-security-strip{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px;padding:14px 16px;border-radius:20px;border:1px solid rgb(var(--accent-rgb,255 147 0) / .20);background:linear-gradient(180deg,rgb(var(--accent-rgb,255 147 0) / .09),rgba(255,255,255,.02));}
.login-security-strip b{display:block;font-size:15px;margin-bottom:4px;}
.login-security-strip span{display:block;color:#cfc7bd;line-height:1.35;font-size:13.5px;}
.security-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:76px;padding:10px 12px;border-radius:999px;border:1px solid rgb(var(--accent-rgb,255 147 0) / .26);background:rgb(var(--accent-rgb,255 147 0) / .16);color:var(--accent-color)!important;font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 18px rgb(var(--accent-rgb,255 147 0) / .14);}
.refined-login-panel-v58 .field{margin:8px 0;border-radius:18px!important;padding:17px 16px!important;}
.refined-login-panel-v58 .password-wrap{margin-top:4px;}
.password-wrap{position:relative;}
.refined-login-panel-v58 .password-toggle{right:10px;width:auto;min-width:92px;padding:0 14px;height:40px;border-radius:14px;background:rgba(255,255,255,.05);font-size:13px;font-weight:800;letter-spacing:.02em;}
.refined-login-panel-v58 .password-toggle span{display:block;}
.refined-login-panel-v58 .check{margin:14px 2px 12px;color:#d4cec7;}
.refined-login-panel-v58 .save{margin-top:2px;border-radius:18px!important;padding:17px!important;font-size:20px!important;box-shadow:0 14px 34px rgb(var(--accent-rgb,255 147 0) / .22)!important;}
.login-footnote{position:relative;z-index:1;margin-top:16px;text-align:center;color:#9f9aa0;font-size:14px;letter-spacing:.01em;}
.login-help{max-width:460px;margin:0 auto!important;border-radius:24px!important;}
.login-help summary{padding:18px 18px!important;font-size:15px!important;}
.login-help div{padding:2px 18px 18px!important;}
@media(max-width:560px){
  .login-v58{padding-top:20px!important;}
  .login-card-wrap{padding-top:54px;}
  .login-floating-brand .login-logo{width:92px;height:92px;border-radius:24px;}
  .refined-login-panel-v58{padding:80px 16px 18px!important;border-radius:30px!important;}
  .login-panel-top h1{font-size:clamp(30px,9vw,38px);}
  .login-panel-top p{font-size:17px;}
  .login-security-strip{padding:13px 14px;border-radius:18px;}
  .security-badge{min-width:70px;padding:9px 10px;}
}


/* V58B - ajuste final do login: sem voltar ao site e logo integrada ao card */
.login-back-link{display:none!important;}
.login-v58{max-width:500px!important;padding-top:calc(24px + env(safe-area-inset-top))!important;}
.login-shell-v58{gap:14px!important;}
.login-card-wrap{padding-top:0!important;}
.refined-login-panel-v58{padding:26px 18px 22px!important;border-radius:34px!important;}
.login-floating-brand{position:relative!important;left:auto!important;top:auto!important;transform:none!important;z-index:2;text-align:center;margin:0 auto 14px!important;}
.login-floating-brand .login-logo{width:104px!important;height:104px!important;border-radius:28px!important;margin:0 auto!important;display:grid;place-items:center;border:1px solid rgb(var(--accent-rgb,255 147 0) / .34);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 30px rgb(var(--accent-rgb,255 147 0) / .22)!important;}
.login-panel-top{margin-bottom:16px!important;}
.login-panel-top h1{font-size:clamp(34px,7vw,42px)!important;}
.login-security-strip{margin:4px 0 16px!important;justify-content:center!important;padding:16px 16px!important;border-radius:21px!important;}
.login-security-strip b{font-size:18px!important;}
.login-security-strip span{font-size:14.5px!important;}
.security-badge{display:none!important;}
.refined-login-panel-v58 .field{border-color:rgb(var(--accent-rgb,255 147 0) / .25)!important;}
.refined-login-panel-v58 .password-toggle{color:var(--accent-color,#ff9300)!important;border:1px solid rgb(var(--accent-rgb,255 147 0) / .22)!important;}
.login-footnote{margin-top:18px!important;padding-top:14px;border-top:1px solid rgb(var(--accent-rgb,255 147 0) / .14);}
@media(max-width:560px){
  .login-v58{padding-top:calc(22px + env(safe-area-inset-top))!important;}
  .refined-login-panel-v58{padding:24px 16px 20px!important;border-radius:31px!important;}
  .login-floating-brand .login-logo{width:92px!important;height:92px!important;border-radius:24px!important;}
  .login-panel-top h1{font-size:clamp(30px,9vw,38px)!important;}
}


/* V59 - refino do login: remove texto extra, centraliza melhor e mantém cores do painel */
.login-v58{
  min-height:100svh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-top:calc(34px + env(safe-area-inset-top))!important;
  padding-bottom:34px!important;
  box-sizing:border-box!important;
}
.login-shell-v58{width:100%!important;}
.refined-login-panel-v58{
  border-color:rgb(var(--accent-rgb,255 147 0) / .46)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.035) inset,0 0 42px rgb(var(--accent-rgb,255 147 0) / .14)!important;
  padding-top:28px!important;
  padding-bottom:24px!important;
}
.login-panel-top{margin-bottom:18px!important;}
.login-panel-top .login-kicker{color:var(--accent-color,#ff9300)!important;text-shadow:0 0 16px rgb(var(--accent-rgb,255 147 0) / .35)!important;}
.login-panel-top h1{font-size:clamp(33px,7vw,41px)!important;margin-top:12px!important;margin-bottom:7px!important;}
.login-panel-top p{color:rgba(255,255,255,.72)!important;}
.login-security-strip{display:none!important;}
.refined-login-panel-v58 .field{
  border-color:rgb(var(--accent-rgb,255 147 0) / .26)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px rgb(var(--accent-rgb,255 147 0) / .06)!important;
}
.refined-login-panel-v58 .save{
  background:linear-gradient(90deg,var(--accent-color,#ff9300),var(--accent-dark,#b85d00))!important;
  box-shadow:0 16px 36px rgb(var(--accent-rgb,255 147 0) / .26)!important;
}
.refined-login-panel-v58 .password-toggle{
  color:var(--accent-color,#ff9300)!important;
  border-color:rgb(var(--accent-rgb,255 147 0) / .26)!important;
}
.login-footnote{color:rgba(255,255,255,.58)!important;border-top-color:rgb(var(--accent-rgb,255 147 0) / .12)!important;}
.login-help{border-color:rgb(var(--accent-rgb,255 147 0) / .24)!important;}
.login-help summary:after{color:var(--accent-color,#ff9300)!important;background:rgb(var(--accent-rgb,255 147 0) / .12)!important;}
@media(max-height:760px){
  .login-v58{align-items:flex-start!important;padding-top:calc(22px + env(safe-area-inset-top))!important;}
  .login-floating-brand .login-logo{width:84px!important;height:84px!important;border-radius:23px!important;}
  .refined-login-panel-v58{padding-top:22px!important;padding-bottom:18px!important;}
  .login-panel-top h1{font-size:clamp(30px,8vw,36px)!important;}
  .login-help summary{padding:15px 18px!important;}
}
@media(max-width:560px){
  .login-v58{padding-left:14px!important;padding-right:14px!important;padding-top:calc(28px + env(safe-area-inset-top))!important;padding-bottom:28px!important;}
  .refined-login-panel-v58{border-radius:31px!important;}
}

/* V61 - tela de QR mais limpa e centralizada */
.hidden{display:none!important;}
.compact-result{
  display:none;
  flex-direction:column;
  gap:12px;
  min-height:0;
}
.compact-result .payment-guide,
.compact-result .code-card{display:none!important;}
.compact-result .status-card{
  min-height:92px!important;
  padding:16px!important;
  margin-bottom:0!important;
}
.compact-result .result-core{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.compact-result .result-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.compact-result .pay-value.compact{
  margin:0!important;
  text-align:left!important;
}
.compact-result .pay-value.compact span{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.compact-result .pay-value.compact strong{
  font-size:30px!important;
  line-height:1.05;
}
.compact-result .result-side-tools{display:flex;align-items:center;gap:8px;}
.info-chip{
  width:44px;
  height:44px;
  border-radius:16px;
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .26);
  background:linear-gradient(180deg,rgba(18,20,28,.92),rgba(8,9,12,.96));
  color:var(--accent-color,#ff9300);
  font-size:22px;
  font-weight:1000;
  box-shadow:0 0 0 1px rgb(var(--accent-rgb,255 147 0) / .08) inset,0 10px 22px rgba(0,0,0,.28);
}
.compact-result .timer{
  margin:0 2px 0 0!important;
  text-align:left!important;
  color:rgba(255,255,255,.66)!important;
  font-size:13px;
}
.compact-result .qr-box{
  margin:2px auto 8px!important;
  width:min(100%,440px)!important;
}
.compact-result .qr-primary-actions{
  display:grid;
  gap:12px;
}
.compact-result .copy-main,
.compact-result .manual-confirm-btn,
.compact-result .verify,
.compact-result .checkout-link{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.compact-result .manual-confirm-card,
.compact-result .checkout-card{
  margin:0!important;
}
.compact-result.manual-mode .verify{display:none!important;}
.compact-result .manual-confirm-card small{
  line-height:1.35;
}
@media(min-height:760px){
  .compact-result{
    min-height:calc(100svh - 315px);
    justify-content:center;
  }
}
@media(max-width:560px){
  .compact-result{gap:10px;}
  .compact-result .status-card{
    grid-template-columns:50px 1fr 38px!important;
    padding:14px!important;
    border-radius:24px!important;
  }
  .compact-result .status-card h2{font-size:20px!important;}
  .compact-result .status-card p{font-size:14px!important;}
  .compact-result .pay-value.compact strong{font-size:26px!important;}
  .info-chip{width:40px;height:40px;border-radius:14px;font-size:20px;}
  .compact-result .qr-box{margin-top:0!important;margin-bottom:6px!important;}
  .compact-result .copy-main,
  .compact-result .manual-confirm-btn,
  .compact-result .verify,
  .compact-result .checkout-link{font-size:17px!important;padding:15px 16px!important;}
}


/* V65 - toque curto e botão mostrando que foi pressionado, sem mancha azul */
button,a,.sheet-option,.pay-option,.edit-btn,.dock-center,.dock-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
button.bk-pressing,a.bk-pressing,.sheet-option.bk-pressing,.pay-option.bk-pressing,.edit-btn.bk-pressing,.dock-center.bk-pressing,.dock-item.bk-pressing{transform:scale(.985);filter:brightness(1.12);}
.keypad-grid button{position:relative;overflow:hidden;transition:transform .08s ease,filter .08s ease,box-shadow .08s ease;}
.keypad-grid button.bk-pressing,.keypad-grid button:active{transform:scale(.965);filter:brightness(1.18);box-shadow:inset 0 0 0 999px rgba(255,255,255,.045),0 8px 18px rgba(0,0,0,.22);}
.keypad-grid button.bk-pressing::after{content:"";position:absolute;inset:30%;border-radius:999px;background:rgba(255,255,255,.16);animation:bkPressDot .16s ease-out forwards;pointer-events:none;}
.pending-note{display:block;color:#fff;font-size:12px;font-weight:800;opacity:.88;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;}
.hist-client-name{display:block;color:#fff;font-size:16px;font-weight:950;margin-top:5px;}
.hist-desc-note{display:block;color:var(--accent-color);font-size:13px;font-weight:850;margin-top:2px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@keyframes bkPressDot{from{transform:scale(.2);opacity:.9}to{transform:scale(3.8);opacity:0}}


/* V70 - acesso admin simplificado */
.access-simple-card .access-note{border-color:rgb(var(--accent-rgb,255 147 0) / .24)!important;background:linear-gradient(145deg,rgb(var(--accent-rgb,255 147 0) / .10),rgba(255,255,255,.035))!important;}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px;}
.access-mini-grid{display:grid;gap:10px;margin:12px 0;}
.advanced-mail-box{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.035);padding:12px;margin:12px 0;color:#d8d8d8;}
.advanced-mail-box summary{cursor:pointer;font-weight:900;color:var(--accent-color,#ff9300);}
.advanced-mail-box .grid2{margin-top:12px;}
@media(max-width:560px){.quick-actions{grid-template-columns:1fr}.access-simple-card .grid2{grid-template-columns:1fr!important}}

/* V73 - canais de notificação com cards limpos e botão ? */
.access-clean-card .access-section-title{
  margin:18px 0 9px;
  color:var(--accent-color,#ff9300);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.access-integrations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 14px;}
.access-service-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));
  padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.18);
}
.service-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.service-head b{display:block;color:#fff;font-size:17px;}
.service-head small{display:block;color:rgba(255,255,255,.62);font-size:12px;margin-top:2px;}
.help-dot{
  flex:0 0 auto;
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:14px;
  text-decoration:none;
  font-weight:1000;
  color:var(--accent-color,#ff9300);
  background:rgb(var(--accent-rgb,255 147 0) / .12);
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .24);
  box-shadow:0 0 20px rgb(var(--accent-rgb,255 147 0) / .08);
}
.help-dot:active{transform:scale(.96);filter:brightness(1.12);}
.test-actions{grid-template-columns:repeat(3,1fr)!important;}
.test-actions form{margin:0;}
.test-actions button{width:100%;}
@media(max-width:720px){.access-integrations{grid-template-columns:1fr}.test-actions{grid-template-columns:1fr!important}}

/* V75 - aviso discreto de token salvo */
.saved-secret{display:block;margin:-6px 6px 10px;color:rgba(255,255,255,.62)!important;font-size:12px;line-height:1.35}

/* V78 - botão discreto de WhatsApp no pagamento confirmado */
.paid-whatsapp-actions{
  display:flex;
  justify-content:center;
  margin:12px 0 4px;
}
.paid-whatsapp-btn{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(37,211,102,.28);
  border-radius:999px;
  padding:9px 14px;
  background:rgba(37,211,102,.12);
  color:#0f7a3c;
  font-weight:800;
  font-size:13px;
  letter-spacing:-.1px;
  box-shadow:0 8px 18px rgba(15,122,60,.12), inset 0 1px 0 rgba(255,255,255,.42);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.paid-whatsapp-btn:hover{transform:translateY(-1px);background:rgba(37,211,102,.18);box-shadow:0 12px 24px rgba(15,122,60,.16), inset 0 1px 0 rgba(255,255,255,.52)}
.wa-mini-ico{
  width:22px;
  height:22px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1;
  box-shadow:0 4px 10px rgba(37,211,102,.32);
}
.history-wa-btn{
  border:1px solid rgba(37,211,102,.28)!important;
  background:rgba(37,211,102,.12)!important;
  color:#0f7a3c!important;
  font-weight:800!important;
}
.history-wa-btn:hover{background:rgba(37,211,102,.2)!important;}


/* V79 - escolha entre WhatsApp normal, Business ou navegador */
.wa-app-choice-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.38);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.wa-app-choice-card{
  width:min(420px,100%);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  color:#122018;
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.75);
  border:1px solid rgba(255,255,255,.65);
  padding:16px;
  position:relative;
  animation:waChoiceUp .18s ease-out both;
}
@keyframes waChoiceUp{from{transform:translateY(16px);opacity:.4}to{transform:translateY(0);opacity:1}}
.wa-choice-close{
  position:absolute;
  right:12px;
  top:10px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.06);
  color:#23352b;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.wa-choice-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 42px 14px 2px;
}
.wa-choice-head b{display:block;font-size:17px;letter-spacing:-.3px}
.wa-choice-head small{display:block;margin-top:3px;color:rgba(18,32,24,.64);font-weight:700;font-size:12px}
.wa-choice-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  background:linear-gradient(135deg,#25D366,#128C4A);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  box-shadow:0 10px 22px rgba(37,211,102,.28);
}
.wa-choice-option{
  width:100%;
  border:1px solid rgba(37,211,102,.22);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(37,211,102,.14),rgba(37,211,102,.06));
  color:#12351f;
  padding:13px 14px;
  margin-top:9px;
  text-align:left;
  cursor:pointer;
}
.wa-choice-option span{display:block;font-size:15px;font-weight:900;letter-spacing:-.2px}
.wa-choice-option small{display:block;margin-top:3px;color:rgba(18,53,31,.62);font-weight:700;font-size:12px}
.wa-choice-web{
  width:100%;
  margin-top:11px;
  border:0;
  background:transparent;
  color:rgba(18,32,24,.7);
  font-size:13px;
  font-weight:800;
  padding:10px;
  cursor:pointer;
}
@media(min-width:720px){.wa-app-choice-overlay{align-items:center}.wa-app-choice-card{border-radius:26px}}


/* V80 - login persistente e olhinho da senha estável */
.refined-login-panel-v58 .password-wrap{position:relative!important;}
.refined-login-panel-v58 .password-field{padding-right:64px!important;}
.refined-login-panel-v58 .password-toggle{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;min-width:44px!important;height:40px!important;padding:0!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.055)!important;color:var(--accent-color,#ff9300)!important;border:1px solid rgb(var(--accent-rgb,255 147 0) / .26)!important;box-shadow:none!important;line-height:1!important;z-index:3!important;cursor:pointer!important;}
.refined-login-panel-v58 .password-toggle span{display:block!important;font-size:18px!important;line-height:1!important;}
.refined-login-panel-v58 .password-toggle:active{transform:translateY(-50%) scale(.97)!important;}
.refined-login-panel-v58 .check{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;}
.refined-login-panel-v58 .check input{margin:0!important;accent-color:var(--accent-color,#ff9300)!important;}

/* V81 - modal bonito para digitar WhatsApp manual sem prompt nativo */
.wa-number-card{padding:18px!important;}
.wa-number-label{display:block;margin:2px 0 8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(18,32,24,.62)}
.wa-number-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid rgba(37,211,102,.24);border-radius:18px;background:linear-gradient(135deg,rgba(37,211,102,.10),rgba(255,255,255,.86));padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.wa-number-input-wrap span{font-weight:950;color:#128C4A;font-size:15px;min-width:34px;text-align:center}
.wa-number-input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#122018!important;font-size:18px!important;font-weight:900!important;letter-spacing:.02em;padding:2px 0!important;box-shadow:none!important;}
.wa-number-input::placeholder{color:rgba(18,32,24,.35)}
.wa-number-input.is-invalid{color:#b42318!important;}
.wa-number-input-wrap:has(.wa-number-input.is-invalid){border-color:rgba(239,68,68,.58);box-shadow:0 0 0 4px rgba(239,68,68,.10)}
.wa-number-help{margin:10px 2px 0;color:rgba(18,32,24,.58);font-size:12px;line-height:1.35;font-weight:700}
.wa-number-actions{display:flex;gap:10px;margin-top:16px}
.wa-number-cancel,.wa-number-submit{height:46px;border:0;border-radius:16px;font-weight:950;cursor:pointer;flex:1;font-size:14px}
.wa-number-cancel{background:rgba(0,0,0,.06);color:rgba(18,32,24,.72)}
.wa-number-submit{background:linear-gradient(135deg,#25D366,#128C4A);color:#fff;box-shadow:0 12px 26px rgba(37,211,102,.28)}
.wa-number-submit:active,.wa-number-cancel:active{transform:scale(.98)}
@supports not selector(:has(*)){.wa-number-input.is-invalid{outline:2px solid rgba(239,68,68,.55)!important;border-radius:10px}}


/* V83 - logo maior/pulsante, olhinho sério e e-mail/comprovante refinado */
.login-floating-brand .login-logo,
.login-floating-brand .login-logo-fallback{
  width:118px!important;
  height:118px!important;
  border-radius:32px!important;
  position:relative!important;
  object-fit:cover!important;
  box-shadow:0 18px 46px rgba(0,0,0,.48), 0 0 calc(var(--app-logo-glow-enabled,1) * 36px) rgb(var(--app-logo-glow-rgb,255 147 0) / .34)!important;
  animation:bkLogoPulseV83 2.8s ease-in-out infinite;
}
.login-floating-brand .login-logo-fallback{font-size:34px!important;font-weight:900!important;color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.38))!important;}
.login-floating-brand::before{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:42px;
  background:radial-gradient(circle, rgb(var(--app-logo-glow-rgb,255 147 0) / calc(var(--app-logo-glow-enabled,1) * .30)), transparent 62%);
  filter:blur(8px);
  opacity:calc(var(--app-logo-glow-enabled,1) * 1);
  animation:bkLogoAuraV83 2.8s ease-in-out infinite;
  pointer-events:none;
  z-index:-1;
}
@keyframes bkLogoPulseV83{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes bkLogoAuraV83{0%,100%{transform:scale(.92);opacity:calc(var(--app-logo-glow-enabled,1) * .48)}50%{transform:scale(1.12);opacity:calc(var(--app-logo-glow-enabled,1) * .95)}}
.refined-login-panel-v58{padding-top:42px!important;}
.refined-login-panel-v58 .login-panel-top{margin-top:12px!important;}
.refined-login-panel-v58 .login-security-strip{display:none!important;}
.refined-login-panel-v58 .field{height:58px!important;}
.refined-login-panel-v58 .save{height:58px!important;}
@media (max-width:520px){
  .login-floating-brand .login-logo,.login-floating-brand .login-logo-fallback{width:108px!important;height:108px!important;border-radius:30px!important;}
  .refined-login-panel-v58{padding:32px 20px 24px!important;}
  .refined-login-panel-v58 .login-panel-top h1{font-size:34px!important;}
}
.refined-login-panel-v58 .password-toggle{
  width:48px!important;min-width:48px!important;height:42px!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.10))!important;
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .34)!important;
  color:var(--accent-color,#ff9300)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.bk-eye-icon{display:flex!important;align-items:center;justify-content:center;width:22px;height:22px;}
.bk-eye-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.password-toggle .bk-eye-closed{display:none;}
.password-toggle.is-visible .bk-eye-open{display:none;}
.password-toggle.is-visible .bk-eye-closed{display:block;}
.pwa-form-v83 .glow-switch{min-height:58px;align-items:center;}


/* V84 - PWA restaurado: logo sem quebrar, maior só na tela principal e pulso suave configurável */
.pay-hero{position:relative;}
.pay-hero .app-logo{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  object-fit:cover!important;
  margin:0 auto 10px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(0,0,0,.35))!important;
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .38)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 calc(var(--app-logo-glow-enabled,1) * 26px) rgb(var(--app-logo-glow-rgb,255 147 0) / .32)!important;
  position:relative!important;
  z-index:1!important;
}
.pay-hero .app-logo-fallback{
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.pay-hero::before{
  content:"";
  position:absolute;
  left:50%;
  top:26px;
  width:112px;
  height:112px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgb(var(--app-logo-glow-rgb,255 147 0) / calc(var(--app-logo-glow-enabled,1) * .26)), transparent 66%);
  filter:blur(7px);
  opacity:calc(var(--app-logo-glow-enabled,1) * .8);
  animation:bkMainLogoPulseV84 2.9s ease-in-out infinite;
  pointer-events:none;
}
@keyframes bkMainLogoPulseV84{
  0%,100%{transform:translate(-50%,-50%) scale(.88);opacity:calc(var(--app-logo-glow-enabled,1) * .42)}
  50%{transform:translate(-50%,-50%) scale(1.18);opacity:calc(var(--app-logo-glow-enabled,1) * .78)}
}
@media(max-width:560px){
  .pay-hero .app-logo{width:66px!important;height:66px!important;border-radius:20px!important;margin-bottom:8px!important;}
  .pay-hero::before{width:102px;height:102px;top:24px;}
}
@media(max-width:380px){
  .pay-hero .app-logo{width:60px!important;height:60px!important;border-radius:18px!important;}
  .pay-hero::before{width:94px;height:94px;}
}


/* V86 - recuperação de senha bonita e escondida até clicar */
.login-actions-row{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  margin:10px 0 2px!important;
}
.forgot-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .26)!important;
  background:linear-gradient(180deg,rgb(var(--accent-rgb,255 147 0) / .12),rgba(255,255,255,.035))!important;
  color:rgba(255,255,255,.88)!important;
  border-radius:999px!important;
  padding:11px 16px!important;
  min-height:42px!important;
  font-size:14.5px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.035)!important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease!important;
}
.forgot-link:before{
  content:'?';
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-right:8px;
  border-radius:50%;
  background:rgb(var(--accent-rgb,255 147 0) / .22);
  color:var(--accent-color,#ff9300);
  font-weight:1000;
  box-shadow:0 0 16px rgb(var(--accent-rgb,255 147 0) / .16);
}
.forgot-link:hover,
.forgot-link.active{
  transform:translateY(-1px);
  border-color:rgb(var(--accent-rgb,255 147 0) / .46)!important;
  background:linear-gradient(180deg,rgb(var(--accent-rgb,255 147 0) / .18),rgba(255,255,255,.055))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 22px rgb(var(--accent-rgb,255 147 0) / .12)!important;
}
.forgot-box{
  display:none!important;
  position:relative;
  z-index:3;
  max-width:460px;
  margin:12px auto 0!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .32)!important;
  background:linear-gradient(180deg,rgba(25,26,31,.92),rgba(9,10,13,.96))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.035)!important;
  overflow:hidden;
}
.forgot-box.show{
  display:grid!important;
  grid-template-columns:48px 1fr;
  gap:12px;
  align-items:center;
  animation:forgotDrop .22s ease both;
}
.forgot-box:before{
  content:'';
  position:absolute;
  inset:-60% auto auto -20%;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgb(var(--accent-rgb,255 147 0) / .18),transparent 70%);
  pointer-events:none;
}
.forgot-icon{
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgb(var(--accent-rgb,255 147 0) / .14);
  color:var(--accent-color,#ff9300);
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .24);
  font-size:24px;
  font-weight:1000;
  box-shadow:0 0 24px rgb(var(--accent-rgb,255 147 0) / .12);
}
.forgot-copy{position:relative;z-index:1;min-width:0;}
.forgot-copy b{display:block;color:#fff;font-size:17px;margin-bottom:3px;}
.forgot-copy p{margin:0!important;color:rgba(255,255,255,.64)!important;line-height:1.35;font-size:13.5px!important;}
.forgot-send{
  position:relative;
  z-index:1;
  grid-column:1 / -1;
  width:100%;
  min-height:50px;
  border:0;
  border-radius:17px;
  margin-top:4px;
  background:linear-gradient(90deg,var(--accent-color,#ff9300),var(--accent-dark,#b85d00));
  color:#fff;
  font-size:16px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 14px 30px rgb(var(--accent-rgb,255 147 0) / .22);
}
@keyframes forgotDrop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){
  .forgot-link{width:100%;padding:12px 14px!important;}
  .forgot-box{margin-top:10px!important;border-radius:22px!important;padding:14px!important;}
  .forgot-box.show{grid-template-columns:44px 1fr;gap:10px;}
  .forgot-icon{width:44px;height:44px;border-radius:15px;}
}


/* V87 - logo principal maior com pulso suave + card do valor com efeito invertido e movimento */
.pay-hero{
  position:relative!important;
  min-height:154px!important;
}
.pay-hero .app-logo,
.pay-hero .app-logo-fallback{
  width:86px!important;
  height:86px!important;
  border-radius:26px!important;
  margin:0 auto 12px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 calc(var(--app-logo-glow-enabled,1) * 34px) rgb(var(--app-logo-glow-rgb,255 147 0) / .42)!important;
  animation:bkMainLogoBreathV87 2.4s ease-in-out infinite!important;
  transform-origin:center center!important;
}
.pay-hero::before{
  width:132px!important;
  height:132px!important;
  top:32px!important;
  background:radial-gradient(circle, rgb(var(--app-logo-glow-rgb,255 147 0) / calc(var(--app-logo-glow-enabled,1) * .30)), transparent 68%)!important;
  filter:blur(9px)!important;
  opacity:calc(var(--app-logo-glow-enabled,1) * .92)!important;
  animation:bkMainLogoAuraV87 2.4s ease-in-out infinite!important;
}
@keyframes bkMainLogoBreathV87{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.075)}
}
@keyframes bkMainLogoAuraV87{
  0%,100%{transform:translate(-50%,-50%) scale(.90);opacity:calc(var(--app-logo-glow-enabled,1) * .46)}
  50%{transform:translate(-50%,-50%) scale(1.22);opacity:calc(var(--app-logo-glow-enabled,1) * .96)}
}
.main-amount{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .34)!important;
  border-radius:34px!important;
  padding:30px 14px 28px!important;
  background:
    radial-gradient(circle at 78% 28%, rgb(var(--blue-ring-rgb,40 104 255) / .18) 0%, transparent 28%),
    radial-gradient(circle at 20% 72%, rgb(var(--accent-rgb,255 147 0) / .18) 0%, transparent 32%),
    linear-gradient(180deg, rgba(7,8,12,.98), rgba(15,19,28,.96))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), inset 0 0 34px rgb(var(--accent-rgb,255 147 0) / .05), 0 18px 42px rgba(0,0,0,.48)!important;
}
.main-amount::before,
.main-amount::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.main-amount::before{
  inset:-48%;
  background:conic-gradient(from 0deg,
    transparent 0deg,
    rgb(var(--blue-ring-rgb,40 104 255) / .10) 62deg,
    transparent 118deg,
    rgb(var(--accent-rgb,255 147 0) / .16) 196deg,
    transparent 262deg,
    rgb(var(--blue-ring-rgb,40 104 255) / .12) 330deg,
    transparent 360deg);
  animation:bkAmountSpinV87 12s linear infinite;
}
.main-amount::after{
  inset:0;
  background:linear-gradient(120deg, transparent 8%, rgb(var(--accent-rgb,255 147 0) / .08) 28%, transparent 48%, rgb(var(--blue-ring-rgb,40 104 255) / .08) 66%, transparent 86%);
  transform:translateX(-120%);
  animation:bkAmountShineV87 5.4s ease-in-out infinite;
}
.main-amount > *{position:relative;z-index:1;}
.main-amount .mini-label{
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 0 16px rgb(var(--accent-rgb,255 147 0) / .18)!important;
}
.main-amount .amount-line span{
  color:rgb(var(--accent-rgb,255 147 0))!important;
  text-shadow:0 0 24px rgb(var(--accent-rgb,255 147 0) / .26)!important;
}
.main-amount .amount-line input{
  color:#fff!important;
  text-shadow:0 10px 26px rgba(0,0,0,.42), 0 0 18px rgb(var(--blue-ring-rgb,40 104 255) / .14)!important;
}
.main-amount .edit-btn{
  border:1px solid rgb(var(--blue-ring-rgb,40 104 255) / .24)!important;
  background:linear-gradient(180deg, rgb(var(--blue-ring-rgb,40 104 255) / .16), rgba(255,255,255,.04))!important;
  color:#f5f7ff!important;
  box-shadow:0 12px 24px rgba(0,0,0,.26)!important;
}
@keyframes bkAmountSpinV87{to{transform:rotate(360deg)}}
@keyframes bkAmountShineV87{0%,18%{transform:translateX(-120%)}42%{transform:translateX(115%)}100%{transform:translateX(115%)}}
@media(max-width:560px){
  .pay-hero{min-height:144px!important;}
  .pay-hero .app-logo,.pay-hero .app-logo-fallback{width:78px!important;height:78px!important;border-radius:24px!important;}
  .pay-hero::before{width:120px!important;height:120px!important;top:30px!important;}
  .main-amount{padding:26px 12px 24px!important;}
}
@media(max-width:380px){
  .pay-hero{min-height:132px!important;}
  .pay-hero .app-logo,.pay-hero .app-logo-fallback{width:70px!important;height:70px!important;border-radius:22px!important;}
  .pay-hero::before{width:108px!important;height:108px!important;top:28px!important;}
}


/* V88 - card de valor mais limpo, sem branco estourado, e opção liga/desliga */
body.amount-effect-on .main-amount{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgb(var(--ring-rgb,255 178 26) / .30)!important;
  background:
    radial-gradient(circle at 50% 126%, rgb(var(--ring-rgb,255 178 26) / .18) 0%, transparent 42%),
    radial-gradient(circle at 82% 18%, rgb(var(--blue-ring-rgb,79 143 255) / .12) 0%, transparent 34%),
    radial-gradient(circle at 14% 24%, rgb(var(--accent-rgb,255 147 0) / .11) 0%, transparent 36%),
    linear-gradient(180deg,#080a10 0%,#090b11 48%,#050608 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),inset 0 0 36px rgb(var(--ring-rgb,255 178 26) / .045),0 18px 42px rgba(0,0,0,.52)!important;
}
body.amount-effect-on .main-amount::before{
  content:""!important;
  position:absolute!important;
  inset:-58%!important;
  pointer-events:none!important;
  display:block!important;
  background:conic-gradient(from 0deg,
    transparent 0deg,
    rgb(var(--ring-rgb,255 178 26) / .12) 68deg,
    transparent 122deg,
    rgb(var(--blue-ring-rgb,79 143 255) / .10) 184deg,
    transparent 238deg,
    rgb(var(--accent-rgb,255 147 0) / .12) 316deg,
    transparent 360deg)!important;
  animation:bkAmountSpinV88 14s linear infinite!important;
  opacity:.78!important;
}
body.amount-effect-on .main-amount::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  display:block!important;
  background:linear-gradient(120deg,transparent 12%,rgb(var(--ring-rgb,255 178 26) / .055) 34%,transparent 56%,rgb(var(--blue-ring-rgb,79 143 255) / .045) 74%,transparent 92%)!important;
  transform:translateX(-120%);
  animation:bkAmountShineV88 6.6s ease-in-out infinite!important;
}
body.amount-effect-on .main-amount .mini-label{color:rgba(255,255,255,.88)!important;}
body.amount-effect-on .main-amount .amount-line span{color:rgb(var(--ring-rgb,255 178 26))!important;text-shadow:0 0 20px rgb(var(--ring-rgb,255 178 26) / .22)!important;}
body.amount-effect-on .main-amount .amount-line input{color:#fff!important;text-shadow:0 10px 24px rgba(0,0,0,.48)!important;}
body.amount-effect-on .main-amount .edit-btn{border-color:rgb(var(--blue-ring-rgb,79 143 255) / .30)!important;background:linear-gradient(180deg,rgba(12,14,20,.96),rgba(5,6,9,.96))!important;box-shadow:0 14px 28px rgba(0,0,0,.32),inset 0 0 18px rgb(var(--blue-ring-rgb,79 143 255) / .04)!important;}
body.amount-effect-off .main-amount{
  overflow:hidden!important;
  border:1px solid rgb(var(--accent-rgb,255 147 0) / .24)!important;
  background:linear-gradient(180deg,#111722b8,#090a0dcc)!important;
  box-shadow:inset 0 0 35px rgb(var(--accent-rgb,255 147 0) / .04),0 12px 35px rgba(0,0,0,.44)!important;
}
body.amount-effect-off .main-amount::before,
body.amount-effect-off .main-amount::after{display:none!important;animation:none!important;content:none!important;}
body.amount-effect-off .main-amount .mini-label{color:var(--accent-color)!important;}
body.amount-effect-off .main-amount .amount-line span,
body.amount-effect-off .main-amount .amount-line input{color:#fff!important;text-shadow:0 8px 22px #000!important;}
body.amount-effect-off .main-amount .edit-btn{border:1px solid #34343d!important;background:#121319cc!important;color:#cfc7bd!important;box-shadow:none!important;}
.amount-effect-switch{margin-top:10px!important;margin-bottom:6px!important;}
@keyframes bkAmountSpinV88{to{transform:rotate(360deg)}}
@keyframes bkAmountShineV88{0%,20%{transform:translateX(-120%)}44%{transform:translateX(115%)}100%{transform:translateX(115%)}}