/* ===== Abas ===== */
.atncad-tabswrap { margin-bottom: 1rem; }
.atncad-tabs {
  display:flex; gap:8px; margin:0 0 .8rem 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.atncad-tab{
  appearance:none; border:none; cursor:pointer;
  padding:.6rem 1rem; border-radius:10px 10px 0 0;
  color:var(--color-title); background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10); border-bottom:none;
}
.atncad-tab.is-active{
  background:linear-gradient(180deg, rgba(215,155,110,.16), rgba(215,155,110,.08));
  box-shadow:0 -2px 12px rgba(0,0,0,.25);
}
.atncad-panel{ display:none; }
.atncad-panel.is-active{ display:block; }

/* ===== Form Shell ===== */
.atncad-form, .atncad-login {
  --bg: rgba(255,255,255,.04);
  --bd: 1px solid rgba(255,255,255,.08);
  --radius: 12px;
  border: var(--bd);
  border-radius: var(--radius);
  background: var(--bg);
  padding: clamp(1rem, 2.5vw, 1.5rem);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.atncad-form__head { margin-bottom: 1rem; }
.atncad-form__head h2 { color: var(--color-title); margin: 0 0 .25rem 0; font-size: var(--fs-xl); }
.muted { opacity: .8; color: var(--color-subtitle); }

/* Grid */
.atncad-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }
@media (max-width: 960px){ .atncad-grid { grid-template-columns: 1fr; } }

/* Fields */
.atncad-field { display:grid; gap:6px; }
.atncad-field--full { grid-column: 1 / -1; }
.atncad-field--half { grid-column: auto; }
.atncad-field label { color: var(--color-title); font-weight: 600; }
.atncad-field input[type="text"],
.atncad-field input[type="email"],
.atncad-field input[type="password"],
.atncad-field input[type="number"],
.atncad-field input[type="tel"],
.atncad-field input[type="url"],
.atncad-field input[type="file"],
.atncad-field select,
.atncad-field textarea {
  width:100%; padding:.7rem .8rem; border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35); color:var(--color-title);
}
.atncad-field input:focus,
.atncad-field select:focus,
.atncad-field textarea:focus { outline:2px solid var(--accent-400); outline-offset:2px; }

/* File button estilizado */
.atncad-field input[type="file"]::file-selector-button,
.atncad-field input[type="file"]::-webkit-file-upload-button {
  padding:.6rem .9rem; margin-right:.8rem; border-radius:10px;
  border:1px solid rgba(255,255,255,.14); color:var(--color-title);
  background:linear-gradient(180deg, rgba(215,155,110,.18), rgba(215,155,110,.10));
  cursor:pointer;
}

/* Cards / Carrossel */
.atncad-cards { display:flex; gap:12px; padding:.25rem 0 .5rem; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.atncad-cards::-webkit-scrollbar { height:8px; }
.atncad-cards::-webkit-scrollbar-thumb { background:rgba(255,255,255,.16); border-radius:8px; }

.atncad-card {
  position:relative; min-width:220px; width:220px; scroll-snap-align:start;
  border-radius:14px; border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03); padding:.8rem;
  display:grid; grid-template-rows:auto auto; gap:.6rem; cursor:pointer; user-select:none;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.atncad-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,.28); }
.atncad-card:focus-within { outline:2px solid var(--accent-400); outline-offset:2px; }
.atncad-card input[type="checkbox"]{ display:none; }

/* Imagens contidas (sem corte) */
.atncad-card__image{
  width:100%; aspect-ratio:16/10; border-radius:10px; overflow:hidden;
  background:rgba(255,255,255,.06); display:grid; place-items:center; padding:6px;
}
.atncad-card__image img{ width:100%; height:100%; object-fit:contain; object-position:center; }

.atncad-card__title{ margin-top:.1rem; color:var(--color-title); font-weight:600; font-size:1rem; }
.atncad-card.is-selected{
  border-color:var(--accent-400);
  box-shadow: inset 0 0 0 1px var(--accent-400), 0 10px 26px rgba(215,155,110,.16);
  background: linear-gradient(180deg, rgba(215,155,110,.12), rgba(215,155,110,.06));
}
.atncad-card.is-selected::after{
  content:"✓"; position:absolute; top:8px; right:8px; width:22px; height:22px;
  display:grid; place-items:center; background:var(--accent-400); color:#111; border-radius:999px; box-shadow:0 2px 10px rgba(0,0,0,.4); font-weight:700;
}

/* Grupo de preços */
.atncad-group{ grid-column:1 / -1; border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:1rem; background:rgba(255,255,255,.03); }
.atncad-group header h3{ margin:0 0 .2rem 0; color:var(--color-title); font-size:var(--fs-lg); }
.atncad-group__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:.6rem; }
@media (max-width: 960px){ .atncad-group__grid{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .atncad-group__grid{ grid-template-columns:1fr; } }

/* Ações */
.atncad-actions{ margin-top:1rem; display:flex; justify-content:flex-start; }
.btn{ display:inline-flex; align-items:center; gap:.5rem; padding:.7rem 1rem; border-radius:10px; border:1px solid rgba(255,255,255,.12); color:var(--color-title); background:linear-gradient(180deg, rgba(215,155,110,.18), rgba(215,155,110,.10)); cursor:pointer; }
.btn:hover{ filter:brightness(1.06); }
.btn--ghost{ background:transparent; }