/* MDD V160R14 — reações coloridas, estáveis e acumuladas */
.mdd-r14-trigger{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  cursor:pointer!important;
}
.mdd-r14-trigger img{
  display:block!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  object-fit:contain!important;
}
.mdd-r14-selected{color:#67dcff!important}

.mdd-r14-menu{
  position:fixed!important;
  z-index:2147483200!important;
  width:min(430px,calc(100vw - 16px))!important;
  padding:10px!important;
  border:1px solid rgba(105,211,255,.25)!important;
  border-radius:16px!important;
  background:#03070e!important;
  box-shadow:0 24px 70px rgba(0,0,0,.65)!important;
  backdrop-filter:blur(16px)!important;
}
.mdd-r14-menu[hidden]{display:none!important}
.mdd-r14-grid{
  display:grid!important;
  grid-template-columns:repeat(9,1fr)!important;
  gap:5px!important;
}
.mdd-r14-option{
  appearance:none!important;
  border:0!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:11px!important;
  background:transparent!important;
  cursor:pointer!important;
  transition:transform .12s ease,background .12s ease!important;
}
.mdd-r14-option:hover,.mdd-r14-option:focus-visible{
  background:rgba(255,255,255,.08)!important;
  transform:translateY(-2px) scale(1.08)!important;
  outline:1px solid rgba(77,210,255,.35)!important;
}
.mdd-r14-option img{
  display:block!important;
  width:27px!important;
  height:27px!important;
  object-fit:contain!important;
}
.mdd-r14-actions{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-top:9px!important;
  padding-top:9px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.mdd-r14-special{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.04)!important;
  color:#dce8f7!important;
  min-height:34px!important;
  padding:5px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  cursor:pointer!important;
  font:700 11px/1.2 system-ui,sans-serif!important;
}
.mdd-r14-special img{
  width:18px!important;
  height:18px!important;
  display:block!important;
}

.mdd-r14-summary{
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 4px!important;
}
.mdd-r14-summary[hidden]{display:none!important}
.mdd-r14-stack{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
.mdd-r14-stack img{
  position:relative!important;
  display:block!important;
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#101722!important;
  border:2px solid #10111a!important;
  margin-left:-6px!important;
}
.mdd-r14-stack img:first-child{margin-left:0!important}
.mdd-r14-total{
  color:#9fb1c8!important;
  font:700 13px/1.2 system-ui,sans-serif!important;
  white-space:nowrap!important;
}

@media(max-width:720px){
  .mdd-r14-menu{
    width:min(360px,calc(100vw - 12px))!important;
    padding:8px!important;
  }
  .mdd-r14-grid{
    grid-template-columns:repeat(7,1fr)!important;
    gap:3px!important;
  }
  .mdd-r14-option{
    width:38px!important;
    height:38px!important;
  }
  .mdd-r14-option img{
    width:25px!important;
    height:25px!important;
  }
  .mdd-r14-stack img{
    width:22px!important;
    height:22px!important;
  }
}