*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
body{margin:0;background:#0b0f14;color:#e8eef6}
.wrap{max-width:900px;margin:0 auto;padding:24px}
h1{margin:0 0 6px}
.sub{margin:0 0 16px;color:#a9b6c6}
.card{background:#101722;border:1px solid #1e2a3a;border-radius:14px;padding:16px}
.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.step{border:1px solid #223247;background:transparent;color:#cfe2ff;padding:8px 10px;border-radius:10px}
.step.active{background:#2d6bff;border-color:#2d6bff;color:#fff}
.panel{display:none}
.panel.show{display:block}
input,select{width:100%;padding:10px;border-radius:10px;border:1px solid #223247;background:#0b111a;color:#e8eef6}
.row{display:flex;gap:10px;align-items:center;margin:10px 0}
.row input{flex:1}
.list{display:grid;gap:8px;margin:10px 0}
.item{border:1px solid #223247;border-radius:12px;padding:10px;background:#0b111a;display:flex;justify-content:space-between;gap:10px;align-items:center}
.btns{display:flex;gap:8px;align-items:center}
button{cursor:pointer;border:0;border-radius:10px;padding:10px 12px;font-weight:700}
.primary{background:#2d6bff;color:#fff}
.ghost{background:transparent;border:1px solid #223247;color:#cfe2ff}
.nav{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.hint{color:#a9b6c6}
.out{background:#0b111a;border:1px solid #223247;border-radius:12px;padding:12px;white-space:pre-wrap}
.pill{border:1px solid #223247;border-radius:999px;padding:8px 12px}
.pill input{width:auto}

/* === Ads row fix (select + input alinhados e editáveis) === */
.adsRow{
  display: grid !important;
  grid-template-columns: 120px 1.2fr 0.8fr 60px; /* label | select | input | unidade */
  gap: 12px;
  align-items: center;
}
.adsRow select,
.adsRow input{
  width: 100% !important;
  min-width: 0;
}
.adsRow #adsVal{
  text-align: left;
}