/* 2026-10-19 • Fidelidade v2: botões mais bonitos, sem campos repetidos */
.fid-v2{--fid-p:var(--primary,#176B64);--fid-gold:#FFB300;--fid-zap:#25D366;--fid-insta:#E1306C}

/* ---------- Cabeçalho ---------- */
.fid-hero{border-radius:22px;padding:14px;margin-bottom:10px;color:#fff;
  background:linear-gradient(135deg,var(--fid-p),color-mix(in srgb,var(--fid-p) 55%,#7C3AED));
  box-shadow:0 14px 34px color-mix(in srgb,var(--fid-p) 30%,transparent);transition:filter .25s}
.fid-hero.off{filter:grayscale(.85) brightness(.9)}
.fid-hero-top{display:flex;align-items:center;gap:11px}
.fid-hero-top div{display:grid;gap:2px}.fid-hero-top b{font-size:17px;font-weight:950;letter-spacing:.06em}.fid-hero-top span{font-size:11px;opacity:.85}
.fid-hero-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);font-size:19px}
.fid-hero-toggle{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(0,0,0,.18);cursor:pointer}
.fid-hero-toggle>span:first-child{display:grid;gap:2px;min-width:0}.fid-hero-toggle b{font-size:14px}.fid-hero-toggle small{font-size:11px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Switch ---------- */
.fid-switch{position:relative;display:inline-flex;flex:0 0 auto}
.fid-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.fid-switch i{width:50px;height:29px;border-radius:999px;background:#AEB8BC;position:relative;transition:background .2s;box-shadow:inset 0 1px 3px rgba(0,0,0,.18)}
.fid-switch i:after{content:"";position:absolute;width:23px;height:23px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.22);transition:transform .22s cubic-bezier(.3,1.4,.5,1)}
.fid-switch input:checked+i{background:var(--fid-p)}
.fid-switch input:checked+i:after{transform:translateX(21px)}
.fid-hero .fid-switch input:checked+i{background:#22C55E}
.fid-hero .fid-switch i{background:rgba(255,255,255,.28)}
.fid-switch.zap input:checked+i{background:var(--fid-zap)}
.fid-switch.insta input:checked+i{background:var(--fid-insta)}
.fid-switch input:focus-visible+i{outline:3px solid color-mix(in srgb,var(--fid-p) 40%,transparent);outline-offset:2px}

/* ---------- Cards ---------- */
.fid-card{border-radius:20px!important;padding:14px!important}
.fid-card .section-heading p{display:block}
.section-icon.fid-gold{background:color-mix(in srgb,var(--fid-gold) 18%,transparent);color:#E08E00}
.section-icon.fid-zap{background:color-mix(in srgb,var(--fid-zap) 16%,transparent);color:#128C7E}
.fid-label{display:block;font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#536268);margin:12px 0 6px}
.fid-label:first-of-type{margin-top:2px}
.fid-help{margin:0 0 8px;font-size:11px;line-height:1.4;color:var(--text-muted,#536268)}
.fid-help .fa-star{color:var(--fid-gold)}

/* ---------- Stepper − / + ---------- */
.fid-stepper{display:flex;align-items:center;gap:8px;padding:6px;border-radius:16px;background:var(--surface-2,#E1E6E8);border:1px solid var(--border-color,#CDD5D8)}
.fid-stepper>div{flex:1;display:grid;justify-items:center;line-height:1}
.fid-stepper input{width:100%;max-width:120px;border:0;background:transparent;text-align:center;font:950 22px/1.1 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-main,#253238);outline:none;-moz-appearance:textfield;padding:2px 0}
.fid-stepper input::-webkit-outer-spin-button,.fid-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fid-stepper small{font-size:10px;color:var(--text-muted,#536268);font-weight:700}
.fid-stepper button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:var(--fid-p);color:#fff;font-size:15px;cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--fid-p) 32%,transparent);transition:transform .12s,opacity .2s}
.fid-stepper button:active{transform:scale(.9)}
.fid-stepper button:disabled{opacity:.3;box-shadow:none;cursor:default}

/* ---------- Chips ---------- */
.fid-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}
.fid-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 5px 7px 12px;border-radius:999px;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);color:var(--text-main,#253238);font:800 13px/1 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer;transition:transform .12s,box-shadow .2s}
.fid-chip:active{transform:scale(.95)}
.fid-chip.default{background:linear-gradient(135deg,#FFC233,#FF8F00);border-color:#FFB300;color:#3B2500;box-shadow:0 5px 14px rgba(255,143,0,.32)}
.fid-chip.default .fid-chip-tag{font-size:10px;font-weight:700;opacity:.75}
.fid-chip.prize{background:color-mix(in srgb,var(--fid-p) 10%,var(--surface,#F7F9F9));border-color:color-mix(in srgb,var(--fid-p) 35%,transparent);font-size:12px;cursor:default}
.fid-chip.solo{padding-right:12px}
.fid-chip-x{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:0;background:transparent;color:inherit;opacity:.65;cursor:pointer;font-size:12px}
.fid-chip-x:hover{opacity:1;background:rgba(0,0,0,.08)}

/* ---------- Adicionar ---------- */
.fid-add{display:flex;gap:8px}
.fid-add input{flex:1;min-width:0;box-sizing:border-box;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);color:var(--text-main,#253238);border-radius:14px;padding:11px 13px;font:700 14px system-ui,-apple-system,Segoe UI,sans-serif;outline:none}
.fid-add input:focus{border-color:var(--fid-p);box-shadow:0 0 0 3px color-mix(in srgb,var(--fid-p) 14%,transparent)}
.fid-add button{width:46px;flex:0 0 46px;border:0;border-radius:14px;color:#fff;font-size:16px;cursor:pointer;background:linear-gradient(135deg,var(--fid-p),color-mix(in srgb,var(--fid-p) 55%,#7C3AED));box-shadow:0 5px 14px color-mix(in srgb,var(--fid-p) 30%,transparent)}
.fid-add button:active{transform:scale(.93)}
.fid-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--text-muted,#536268)}
.fid-quick button{border:1px solid color-mix(in srgb,var(--fid-p) 45%,transparent);background:transparent;color:var(--fid-p);font:800 12px system-ui,-apple-system,Segoe UI,sans-serif;padding:5px 10px;border-radius:999px;cursor:pointer}
.fid-quick button:hover{background:color-mix(in srgb,var(--fid-p) 10%,transparent)}

/* ---------- Toggles ---------- */
.fid-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid color-mix(in srgb,var(--border-color,#CDD5D8) 70%,transparent);cursor:pointer}
.fid-toggle>span:first-child{display:grid;gap:3px;min-width:0}.fid-toggle b{font-size:13.5px}.fid-toggle small{font-size:11px;line-height:1.35;color:var(--text-muted,#536268)}
.fid-card .fid-toggle:first-of-type{margin-top:12px}
.fid-toggles .fid-toggle:first-child{margin-top:0}
.fid-prizes{padding:10px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--fid-p) 40%,var(--border-color,#CDD5D8));background:color-mix(in srgb,var(--fid-p) 4%,var(--surface,#F7F9F9))}
.fid-prizes .fid-help{display:block;margin:8px 0 0}

/* ---------- Prazo: pílulas ---------- */
.fid-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.fid-pills button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);color:var(--text-main,#253238);font:700 13px system-ui,-apple-system,Segoe UI,sans-serif;padding:9px 15px;border-radius:999px;cursor:pointer;transition:all .18s}
.fid-pills button.active{background:var(--fid-p);border-color:var(--fid-p);color:#fff;font-weight:900;box-shadow:0 5px 14px color-mix(in srgb,var(--fid-p) 30%,transparent)}
.fid-pills button.active:before{content:"\2713"}
#recurringWrap{margin-bottom:10px}

/* ---------- ZAP ---------- */
.fid-zap-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px;padding:13px;margin-bottom:6px;color:#fff;font:950 13.5px system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.03em;cursor:pointer;background:linear-gradient(135deg,#25D366,#128C7E);box-shadow:0 8px 20px rgba(18,140,126,.32);transition:transform .12s}
.fid-zap-btn i{font-size:19px}
.fid-zap-btn:active{transform:scale(.98)}
.fid-zap-btn.locked{background:linear-gradient(135deg,#6B7280,#4B5563);box-shadow:none}
.fid-card .field-grid.two{margin-top:4px;align-items:end}
.fid-card #instagramWrap{margin:0}
.fid-card #instagramWrap input{border-radius:14px;padding:12px 13px}
.fid-card #instagramWrap.disabled,.fid-card #notifyWrap.disabled{opacity:.45;pointer-events:none}
.fid-preview{border-radius:16px!important;border-color:color-mix(in srgb,var(--fid-zap) 35%,var(--border-color,#CDD5D8))!important}
.fid-preview pre{background:color-mix(in srgb,var(--fid-zap) 9%,var(--surface,#F7F9F9))}

/* ---------- Salvar ---------- */
.fid-dock button{background:linear-gradient(135deg,var(--fid-p),color-mix(in srgb,var(--fid-p) 55%,#7C3AED))!important;border-radius:14px!important;padding:13px 20px!important;font-size:12.5px!important;letter-spacing:.04em;box-shadow:0 8px 20px color-mix(in srgb,var(--fid-p) 32%,transparent)}
.fid-dock button:active{transform:scale(.98)}

@media(max-width:760px){
  .fid-hero{border-radius:18px;padding:12px}
  .fid-card{padding:12px!important}
  .fid-card .field-grid.two{grid-template-columns:1fr}
  .fid-card #instagramWrap{margin-top:6px}
}
.fid-v2 .trife-confirm-summary{white-space:pre-line;text-align:left;line-height:1.5}