/* ═══ PACOTES CONFIG ═══ */
.pkgcfg-tabs { display:flex; gap:0; border-bottom:0.5px solid var(--border); margin-bottom:24px; }
.pkgcfg-tab  { background:transparent; border:none; border-bottom:2px solid transparent; padding:10px 22px 12px; font-family:var(--font); font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--dim); cursor:pointer; transition:all .2s; margin-bottom:-0.5px; }
.pkgcfg-tab:hover  { color:#ccc; }
.pkgcfg-tab.active { color:#fff; border-bottom-color:var(--purple); }

.pkgcfg-header       { margin-bottom:20px; }
.pkgcfg-header-title { font-family:var(--font-display); font-size:22px; color:#fff; margin-bottom:4px; }
.pkgcfg-header-sub   { font-size:12px; color:var(--dim); }

.pkgcfg-list { display:flex; flex-direction:column; gap:12px; }

.pkgcfg-row {
  background:var(--bg2);
  border:0.5px solid var(--border);
  border-radius:6px;
  padding:16px 18px;
  transition:border-color .15s;
}
.pkgcfg-row:focus-within { border-color:rgba(124,58,237,0.4); }

.pkgcfg-row-top { display:grid; grid-template-columns:1fr 130px 80px; gap:14px; align-items:end; }

.pkgcfg-field       { display:flex; flex-direction:column; gap:5px; }
.pkgcfg-label       { font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:var(--dim); }

.pkgcfg-input {
  background:var(--bg3); border:0.5px solid var(--border2); border-radius:4px;
  padding:8px 10px; color:#fff; font-family:var(--font); font-size:13px;
  outline:none; transition:border-color .15s;
}
.pkgcfg-input:focus { border-color:var(--purple); }

.pkgcfg-price { font-weight:600; color:var(--purple); }
.pkgcfg-price:focus { color:#fff; }

.pkgcfg-textarea {
  background:var(--bg3); border:0.5px solid var(--border2); border-radius:4px;
  padding:8px 10px; color:#ccc; font-family:var(--font); font-size:12px;
  outline:none; resize:vertical; transition:border-color .15s; line-height:1.5;
}
.pkgcfg-textarea:focus { border-color:var(--purple); }

/* Toggle switch */
.pkgcfg-toggle  { position:relative; display:inline-block; width:38px; height:22px; cursor:pointer; }
.pkgcfg-toggle input { opacity:0; width:0; height:0; }
.pkgcfg-slider  { position:absolute; inset:0; background:#333; border-radius:22px; transition:.2s; }
.pkgcfg-slider::before { content:''; position:absolute; width:16px; height:16px; left:3px; bottom:3px; background:#888; border-radius:50%; transition:.2s; }
.pkgcfg-toggle input:checked + .pkgcfg-slider              { background:rgba(124,58,237,0.25); }
.pkgcfg-toggle input:checked + .pkgcfg-slider::before      { transform:translateX(16px); background:var(--purple); }
