/* Coins Selector — Tabela de preços (/mudar-precos/)
 * Painel escuro autônomo (não depende do tema), mesma linguagem visual do painel do Lance
 * (fundo escuro + laranja da marca). Mobile-first: o admin usa majoritariamente o celular —
 * colunas únicas, alvos de toque grandes, fonte >= 16px nos campos (evita zoom no iOS). */
.cs-fp{
  --cs-fp-panel:#161616; --cs-fp-card:#1f1f1f; --cs-fp-border:#333;
  --cs-fp-text:#f2f2f2; --cs-fp-muted:#a8a8a8; --cs-fp-accent:#ff6a00; --cs-fp-accent-ink:#2a1200;
  --cs-fp-ok:#3bd671; --cs-fp-ok-bg:#163321; --cs-fp-warn:#f6ad55; --cs-fp-warn-bg:#2a2115;
  --cs-fp-err:#f56565; --cs-fp-err-bg:#2a1414;
  max-width:760px; margin:24px auto; padding:20px 16px 28px;
  background:var(--cs-fp-panel); color:var(--cs-fp-text); border-radius:16px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:16px; line-height:1.5;
  box-sizing:border-box;
}
.cs-fp *{ box-sizing:border-box; }
.cs-fp [hidden]{ display:none !important; }

.cs-fp .cs-fp__panel{ animation:cs-fp-in .18s ease; }
@keyframes cs-fp-in{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }

.cs-fp .cs-fp__title{ margin:0 0 6px; font-size:19px; line-height:1.25; color:var(--cs-fp-text); }
.cs-fp .cs-fp__intro{ margin:0 0 16px; font-size:13px; color:var(--cs-fp-muted); }
.cs-fp .cs-fp__intro code{ background:#2a2a2a; color:var(--cs-fp-text); padding:1px 5px; border-radius:4px; font-size:12px; }

.cs-fp .cs-fp__group{
  background:var(--cs-fp-card); border:1px solid var(--cs-fp-border); border-radius:14px;
  padding:16px; margin-bottom:16px;
}
.cs-fp .cs-fp__group-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.cs-fp .cs-fp__group-title{ margin:0; font-size:17px; color:var(--cs-fp-text); }
.cs-fp .cs-fp__group-sub{ margin-left:6px; font-size:13px; font-weight:400; color:var(--cs-fp-muted); }

/* status: pílula (cinza = sem tabela, verde = tabela ativa, amarelo = herdando do Buy Now) */
.cs-fp .cs-fp__status{ display:inline-block; padding:4px 11px; border-radius:20px; font-size:12px; font-weight:700; background:#2a2a2a; color:var(--cs-fp-muted); }
.cs-fp .cs-fp__status.cs-fp__status--active{ background:var(--cs-fp-ok-bg); color:var(--cs-fp-ok); }
.cs-fp .cs-fp__status.cs-fp__status--inherit{ background:var(--cs-fp-warn-bg); color:var(--cs-fp-warn); }
.cs-fp .cs-fp__status.is-loading{ animation:cs-fp-pulse 1.2s ease-in-out infinite; }
@keyframes cs-fp-pulse{ 50%{ opacity:.45; } }

.cs-fp .cs-fp__textarea{
  display:block; width:100%; min-height:190px; padding:12px; resize:vertical;
  border:1px solid var(--cs-fp-border); border-radius:10px; background:#121212; color:var(--cs-fp-text);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:16px;
}
.cs-fp .cs-fp__textarea::placeholder{ color:#5a5a5a; }
.cs-fp .cs-fp__textarea:focus{ outline:2px solid var(--cs-fp-accent); outline-offset:1px; border-color:var(--cs-fp-accent); }
.cs-fp .cs-fp__hint{ margin:6px 0 12px; min-height:18px; font-size:13px; color:var(--cs-fp-muted); }

.cs-fp .cs-fp__feedback{ margin:0 0 12px; padding:10px 14px; border-radius:10px; font-size:14px; border:1px solid transparent; }
.cs-fp .cs-fp__feedback--ok{ background:var(--cs-fp-ok-bg); color:var(--cs-fp-ok); border-color:#245c38; }
.cs-fp .cs-fp__feedback--error{ background:var(--cs-fp-err-bg); color:var(--cs-fp-err); border-color:#5a2a2a; }

.cs-fp .cs-fp__actions{ display:flex; flex-direction:column; gap:8px; }
.cs-fp .cs-fp__btn{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  min-height:48px; padding:12px 16px; border-radius:10px; border:1px solid var(--cs-fp-border);
  background:#242424; color:var(--cs-fp-text); font-size:15px; font-weight:600; text-align:center; cursor:pointer;
  transition:background .15s, opacity .15s; -webkit-tap-highlight-color:transparent;
}
.cs-fp .cs-fp__btn:hover:not(:disabled){ background:#2c2c2c; }
.cs-fp .cs-fp__btn:disabled{ opacity:.6; cursor:not-allowed; }
.cs-fp .cs-fp__btn--primary{ background:var(--cs-fp-accent); border-color:var(--cs-fp-accent); color:var(--cs-fp-accent-ink); font-weight:700; }
.cs-fp .cs-fp__btn--primary:hover:not(:disabled){ background:#ff7a1a; }
.cs-fp .cs-fp__btn--ghost{ background:transparent; }
.cs-fp .cs-fp__btn--danger{ background:transparent; border-color:var(--cs-fp-err); color:var(--cs-fp-err); font-size:14px; }
.cs-fp .cs-fp__btn--danger:hover:not(:disabled){ background:var(--cs-fp-err-bg); }

.cs-fp .cs-fp__spin{
  width:16px; height:16px; border-radius:50%; flex:0 0 auto;
  border:2px solid rgba(42,18,0,.35); border-top-color:var(--cs-fp-accent-ink); animation:cs-fp-rotate .7s linear infinite;
}
@keyframes cs-fp-rotate{ to{ transform:rotate(360deg); } }

/* tabela atual */
.cs-fp .cs-fp__details{ margin-top:12px; max-height:320px; overflow-y:auto; border:1px solid var(--cs-fp-border); border-radius:10px; background:#181818; }
.cs-fp .cs-fp__details-row{ display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:8px; padding:9px 12px; font-size:14px; border-bottom:1px solid #262626; }
.cs-fp .cs-fp__details-row:last-child{ border-bottom:none; }
.cs-fp .cs-fp__details-row--head{ position:sticky; top:0; background:#202020; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--cs-fp-muted); }
.cs-fp .cs-fp__details-coins{ font-weight:700; }
.cs-fp .cs-fp__details-bonus{ color:var(--cs-fp-muted); }
.cs-fp .cs-fp__details-price{ text-align:right; font-weight:700; color:var(--cs-fp-ok); }
.cs-fp .cs-fp__details-row--head .cs-fp__details-price{ color:var(--cs-fp-muted); font-weight:600; }

@media (min-width:640px){
  .cs-fp{ padding:24px 24px 32px; }
  .cs-fp .cs-fp__actions{ flex-direction:row; flex-wrap:wrap; }
  .cs-fp .cs-fp__btn{ width:auto; min-width:160px; }
  .cs-fp .cs-fp__btn--primary{ flex:1 1 220px; }
}
@media (max-width:640px){
  .cs-fp{ margin:0; border-radius:0; padding:16px 12px 24px; }
}
@media (prefers-reduced-motion:reduce){
  .cs-fp .cs-fp__panel, .cs-fp .cs-fp__status.is-loading, .cs-fp .cs-fp__spin{ animation:none; }
}