:root{--bg:#003f3f;--panel:#005d5d;--line:rgba(255,255,255,.12);--orange:#ff7f3f;--green:#00e69a;--red:#ff4058;--yellow:#ffe04b;--white:#f7ffff;--button:#ff944d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--white);font-weight:700}.app-header{padding:28px 20px 20px}h1,h2{color:var(--orange);margin:0 0 14px;letter-spacing:.5px}h1{font-size:32px}h2{font-size:24px}.status-line{color:var(--orange);margin-bottom:18px}.nav-buttons{display:flex;gap:10px}.nav-buttons a{min-width:120px;text-align:center;padding:13px 20px;color:var(--orange);text-decoration:none;border:1px solid var(--orange);border-radius:8px;background:transparent;font-weight:900}.nav-buttons a.active,.nav-buttons a:hover{background:var(--button);color:#111}.page{padding:0 18px 40px}.info-bar,.panel-card{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:10px;margin-bottom:18px;padding:18px 24px}.info-bar{color:var(--orange)}.small-title{color:var(--orange);font-size:13px;margin:18px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr 1fr 120px;gap:10px;align-items:end}label{color:var(--orange);font-size:13px}select,input{width:100%;margin-top:8px;height:36px;border:1px solid var(--orange);background:#003c3c;color:var(--white);border-radius:5px;padding:0 8px;font-weight:800}button{height:36px;border:none;background:var(--button);color:#111;border-radius:6px;font-weight:900;cursor:pointer}.form-message{margin-top:12px;color:var(--yellow)}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:18px;color:var(--orange);font-size:13px;line-height:1.45;margin:16px 0 22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1280px}th,td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--orange);font-size:13px}td{font-size:14px;color:var(--white)}.coin{color:var(--orange)}.long{color:var(--green)}.short{color:var(--red)}.pnl-pos{color:var(--green)}.pnl-neg{color:var(--red)}.decision-proteger{color:var(--yellow)}.decision-sair{color:var(--red)}.empty{color:var(--yellow)}.delete-btn{background:var(--button);color:#111;padding:8px 12px;height:auto}@media(max-width:900px){.form-grid{grid-template-columns:1fr 1fr}.instructions{grid-template-columns:1fr}}

/* AJUSTE VISUAL OFICIAL - CORES */
.coin-cell,
.par-cell,
.exchange-cell,
.corretora-cell {
  color: #ff8840 !important;
  font-weight: 800 !important;
}

.side-long,
.long {
  color: #00e68a !important;
  font-weight: 800 !important;
}

.side-short,
.short {
  color: #ff4040 !important;
  font-weight: 800 !important;
}

/* AJUSTE VISUAL SAIDA V4 */
table td:nth-child(1),
table td:nth-child(3) {
  color: #ff8840 !important;
  font-weight: 800 !important;
}

table td:nth-child(2) {
  font-weight: 800 !important;
}

table td:nth-child(2):has(span.long),
.long,
.side-long {
  color: #00e68a !important;
}

table td:nth-child(2):has(span.short),
.short,
.side-short {
  color: #ff4040 !important;
}

/* caixas menores */
.form-row {
  display: grid !important;
  grid-template-columns: 180px 160px 180px 180px 120px 120px !important;
  gap: 10px !important;
  align-items: end !important;
}

input,
select {
  height: 38px !important;
  max-width: 100% !important;
}

/* remover setas dos campos numéricos */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

/* AJUSTE OFICIAL - CAIXAS DE DIALOGO PLANILHA 1 */
.form-grid {
  display: grid !important;
  grid-template-columns: 180px 160px 180px 180px 110px 120px !important;
  gap: 10px !important;
  align-items: end !important;
  max-width: 980px !important;
}

select,
input {
  background: #003f3f !important;
  color: #ffffff !important;
  border: 1px solid #ff8840 !important;
  height: 38px !important;
  border-radius: 6px !important;
  font-weight: 800 !important;
}

select option {
  background: #003f3f !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

select option:checked {
  background: #ff8840 !important;
  color: #111111 !important;
}

#par option,
#corretora option {
  color: #ff8840 !important;
}

#side option[value="LONG"] {
  color: #00e68a !important;
}

#side option[value="SHORT"] {
  color: #ff4040 !important;
}

/* PLACEHOLDER SELECIONE EM ABOBORA */
select.placeholder-select {
  color: #ff8840 !important;
  font-weight: 800 !important;
}