/* Painel CPA 1.19 — acabamento das áreas PIX, Dashboard e Pagamentos */
#page-pix.page.active{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
  margin-inline:auto!important;
}
#page-pix .pix-hero{
  min-height:150px!important;
  padding:24px 26px!important;
  border-radius:24px!important;
  border-color:rgba(255,74,86,.22)!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(239,38,47,.18),transparent 30%),
    linear-gradient(145deg,#17171a 0%,#0c0c0f 58%,#100608 100%)!important;
}
#page-pix .pix-toolbar{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:2px 0 8px!important;
  scrollbar-width:thin!important;
}
#page-pix .pix-toolbar .btn{flex:0 0 auto!important}
#page-pix .pix-search-card{padding:14px!important;border-radius:18px!important}
#page-pix .pix-board{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(210px,230px))!important;
  gap:14px!important;
  align-items:start!important;
  justify-content:start!important;
}
#page-pix .pix-col{
  min-width:0!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,#151518,#0b0b0d)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}
#page-pix .pix-col:hover{transform:none!important;border-color:rgba(255,74,86,.28)!important}
#page-pix .pix-head{
  min-height:88px!important;
  padding:14px!important;
  cursor:grab!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(135deg,rgba(239,38,47,.10),rgba(255,255,255,.018))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:11px!important;
}
#page-pix .pix-head:active{cursor:grabbing!important}
#page-pix .pix-bank-icon{
  grid-area:icon!important;
  width:38px!important;height:38px!important;margin:0!important;
  border-radius:12px!important;float:none!important;
}
#page-pix .pix-title-wrap{
  width:100%!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-areas:"icon name" "icon count" "icon origin"!important;
  column-gap:10px!important;align-items:center!important;
}
#page-pix .pix-col h4{
  grid-area:name!important;
  padding:0!important;font-size:14px!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  line-height:1.25!important;overflow-wrap:anywhere!important;
}
#page-pix .pix-count{grid-area:count!important;margin-top:3px!important}
#page-pix .pix-origin-badge{grid-area:origin!important;justify-self:start!important}
#page-pix .pix-col-actions{
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
}
#page-pix .pix-progress{margin:0!important;height:3px!important;border-radius:0!important}
#page-pix .pix-list{
  max-height:440px!important;
  padding:10px!important;
  gap:6px!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#492025 transparent!important;
}
#page-pix .pix-row{
  min-height:42px!important;
  padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#09090b!important;
}
#page-pix .pix-row:hover{background:#111114!important;border-color:rgba(255,74,86,.25)!important}
#page-pix .pix-check{border-radius:9px!important}
#page-pix .pix-row-actions{opacity:.62!important}
#page-pix .pix-icon-btn{border-radius:10px!important}
#page-pix .pix-drag-placeholder{
  width:230px!important;min-width:210px!important;height:260px;
  border:2px dashed rgba(255,74,86,.65)!important;border-radius:20px!important;
  background:rgba(239,38,47,.07)!important;
  box-shadow:inset 0 0 28px rgba(239,38,47,.08)!important;
}
#page-pix .pix-col.pix-drag-source{opacity:.16!important}
#page-pix .pix-drag-preview{
  width:230px!important;height:min(520px,calc(100vh - 28px))!important;
  max-width:none!important;max-height:calc(100vh - 28px)!important;
  opacity:.9!important;transform:rotate(1deg) scale(.985)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,78,90,.42)!important;
}

#page-dashboard .premium-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:8px!important;
  padding-bottom:8px!important;
  scrollbar-width:thin!important;
}
#page-dashboard .premium-tabs>button,
#page-dashboard .premium-tabs>details{flex:0 0 auto!important}
#page-dashboard .premium-tabs .sheet-more-menu{
  position:fixed!important;
  z-index:1200!important;
}
.dash-export-excel{white-space:nowrap}

#page-batchpix #scannerAsaasKey{display:none!important}
#page-batchpix .scanner-secret{display:none!important}
.scanner-key-help{display:block;margin-top:7px;color:#8d909a;font-size:10px;line-height:1.45}
.asaas-key-manager{display:grid;gap:10px;margin-top:8px}
.asaas-key-manager-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.asaas-key-manager-head span{color:#a3a3ad;font-size:11px;font-weight:800}
.asaas-key-add{
  border:1px solid rgba(239,38,47,.38);border-radius:10px;background:rgba(239,38,47,.10);
  color:#ff9ba2;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer
}
.asaas-key-list{display:grid;gap:8px}
.asaas-key-item{
  display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;align-items:center;
  padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0b0b0e
}
.asaas-key-item.active{
  border-color:rgba(34,197,94,.45);background:linear-gradient(135deg,rgba(34,197,94,.11),#0b0b0e);
  box-shadow:0 0 0 3px rgba(34,197,94,.05)
}
.asaas-key-select{
  width:26px;height:26px;border:1px solid #404047;border-radius:50%;background:#17171b;
  color:transparent;cursor:pointer
}
.asaas-key-item.active .asaas-key-select{border-color:#22c55e;background:#22c55e;color:#052b14}
.asaas-key-fields{display:grid;grid-template-columns:92px minmax(0,1fr);gap:7px}
.asaas-key-fields input{
  height:38px!important;margin:0!important;padding:0 10px!important;border-radius:10px!important;font-size:11px!important
}
.asaas-key-fields input:first-child{font-weight:900}
.asaas-key-remove{
  width:32px;height:32px;border:1px solid rgba(239,68,68,.28);border-radius:10px;
  background:rgba(239,68,68,.07);color:#ff8991;font-size:16px;cursor:pointer
}
.asaas-key-active-note{
  display:flex;align-items:center;gap:7px;color:#86efac;font-size:10px;font-weight:850
}
.asaas-key-active-note:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}

.mirror-device-actions .mirror-main-button{
  width:100%;min-height:38px;border:1px solid rgba(124,92,255,.38);
  border-radius:9px;background:rgba(124,92,255,.09);color:#c9beff;
  font-size:10px;font-weight:900;cursor:pointer;
}
.mirror-device-actions .mirror-main-button:hover{background:rgba(124,92,255,.2)}
.mirror-device.master .mirror-main-button{background:#6548dd;color:#fff}

@media(max-width:900px){
  #page-pix .pix-board{grid-template-columns:repeat(auto-fill,minmax(210px,230px))!important}
}
@media(max-width:620px){
  #page-pix .pix-board{grid-template-columns:1fr!important}
  #page-pix .pix-hero{padding:20px!important}
  .asaas-key-fields{grid-template-columns:1fr}
}