.fidelity-page{min-height:100vh;background:var(--bg-body,#eef1f2);color:var(--text-main,#253238);padding-bottom:110px}
.fidelity-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:26px 0 120px}
.fidelity-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:20px}.fidelity-title h1{font-size:clamp(28px,4vw,42px);line-height:1;margin:5px 0 7px;letter-spacing:-.035em}.fidelity-title p{margin:0;color:var(--text-muted,#536268);font-weight:650}.eyebrow{display:inline-flex;gap:7px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--primary,#176B64)}.fidelity-state{font-size:11px;font-weight:900;letter-spacing:.07em;border:1px solid var(--border-color,#CDD5D8);background:var(--surface,#F7F9F9);padding:9px 12px;border-radius:999px;white-space:nowrap}
.fidelity-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--border-color,#CDD5D8);background:linear-gradient(135deg,var(--surface,#F7F9F9),var(--surface-2,#E1E6E8));border-radius:18px;margin-bottom:16px;box-shadow:0 8px 26px rgba(32,53,47,.055)}.fidelity-banner div{display:grid;gap:4px}.fidelity-banner b{font-size:16px}.fidelity-banner span{color:var(--text-muted,#536268);font-size:13px}
.fidelity-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fidelity-card{background:var(--surface,#F7F9F9);border:1px solid var(--border-color,#CDD5D8);border-radius:18px;padding:20px;box-shadow:0 6px 22px rgba(32,53,47,.045)}.fidelity-card.wide{grid-column:1/-1}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.section-heading h2{font-size:18px;margin:0 0 4px}.section-heading p{font-size:12.5px;color:var(--text-muted,#536268);margin:0;line-height:1.5}.section-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:color-mix(in srgb,var(--primary,#176B64) 11%,transparent);color:var(--primary,#176B64)}
.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:7px;margin-bottom:12px}.field>span{font-size:12px;font-weight:850;color:var(--text-muted,#536268)}.field input,.field select{width:100%;box-sizing:border-box;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);color:var(--text-main,#253238);border-radius:12px;padding:12px 13px;font:inherit;font-weight:750;outline:none}.field input:focus,.field select:focus{border-color:var(--primary,#176B64);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#176B64) 14%,transparent)}
.check-row{display:flex;gap:11px;align-items:flex-start;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--border-color,#CDD5D8) 70%,transparent);cursor:pointer}.check-row input{width:19px;height:19px;flex:0 0 19px;margin:2px 0 0;accent-color:var(--primary,#176B64)}.check-row span{display:grid;gap:3px}.check-row b{font-size:13px}.check-row small{font-size:11.5px;color:var(--text-muted,#536268);line-height:1.45}.checks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}.cycle-note{padding:12px 13px;border-radius:12px;background:var(--surface-2,#E1E6E8);color:var(--text-muted,#536268);font-size:12px;line-height:1.55;font-weight:650}.suffix-input{display:flex;align-items:center;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);border-radius:12px;overflow:hidden}.suffix-input input{border:0!important;box-shadow:none!important;background:transparent!important}.suffix-input em{padding-right:12px;color:var(--text-muted,#536268);font-size:11px;font-style:normal;white-space:nowrap}
.switch-row{display:inline-flex;cursor:pointer}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-ui{width:48px;height:28px;border-radius:999px;background:#AEB8BC;position:relative;transition:.18s}.switch-ui:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.18s}.switch-row input:checked+.switch-ui{background:var(--primary,#176B64)}.switch-row input:checked+.switch-ui:after{transform:translateX(20px)}
.message-preview{margin-top:8px;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);border-radius:14px;overflow:hidden}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid var(--border-color,#CDD5D8);font-size:11px}.preview-head span{color:var(--text-muted,#536268);font-weight:800}.message-preview pre{white-space:pre-wrap;margin:0;padding:15px;font:650 12px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-main,#253238)}
.tool-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tool-links a{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);border-radius:13px;padding:13px}.tool-links a>i{color:var(--primary,#176B64);font-size:18px}.tool-links a span{display:grid;gap:3px}.tool-links a b{font-size:12.5px}.tool-links a small{color:var(--text-muted,#536268);font-size:10.5px}
.save-dock{position:fixed;z-index:50;bottom:14px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 28px));display:flex;gap:18px;align-items:center;justify-content:space-between;padding:13px 14px 13px 17px;border:1px solid var(--border-color,#CDD5D8);background:color-mix(in srgb,var(--surface,#F7F9F9) 94%,transparent);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 18px 48px rgba(26,48,48,.16)}.save-dock>div{display:grid;gap:3px}.save-dock b{font-size:12.5px}.save-dock span{font-size:10.5px;color:var(--text-muted,#536268)}.save-dock button{border:0;border-radius:12px;padding:12px 16px;background:var(--primary,#176B64);color:#fff;font-weight:900;font-size:11.5px;cursor:pointer;white-space:nowrap}.save-dock button:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.fidelity-shell{width:min(100% - 18px,1180px);padding-top:16px}.fidelity-hero{grid-template-columns:auto 1fr}.fidelity-state{grid-column:2;justify-self:start}.fidelity-grid{grid-template-columns:1fr}.fidelity-card.wide{grid-column:auto}.field-grid.two,.checks-grid,.tool-links{grid-template-columns:1fr}.save-dock{bottom:8px;align-items:stretch;flex-direction:column;gap:8px}.save-dock button{width:100%}.fidelity-page{padding-bottom:155px}}
.field textarea{width:100%;box-sizing:border-box;border:1px solid var(--border-color,#CDD5D8);background:var(--surface-2,#E1E6E8);color:var(--text-main,#253238);border-radius:12px;padding:12px 13px;font:inherit;font-weight:700;outline:none;resize:vertical;min-height:124px;line-height:1.45}.field textarea:focus{border-color:var(--primary,#176B64);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#176B64) 14%,transparent)}.field-help{display:block;color:var(--text-muted,#536268);font-size:10.5px;line-height:1.4}.custom-prizes-wrap{margin-top:4px;padding:14px;border:1px dashed color-mix(in srgb,var(--primary,#176B64) 40%,var(--border-color,#CDD5D8));border-radius:14px;background:color-mix(in srgb,var(--primary,#176B64) 4%,var(--surface,#F7F9F9))}.custom-prize-preview{display:flex;gap:7px;flex-wrap:wrap}.custom-prize-preview span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color,#CDD5D8);background:var(--surface,#F7F9F9);padding:7px 9px;border-radius:999px;font-size:10.5px;font-weight:800;color:var(--text-main,#253238)}.custom-prize-preview span:before{content:"🎁"}

.time-reward-preview span:before{content:"⏱"}.time-reward-preview span{border-color:color-mix(in srgb,var(--primary,#176B64) 34%,var(--border-color,#CDD5D8))}

/* 2026-10-02 • versão compacta pedida para mobile */
.compact-hero{grid-template-columns:auto 1fr;margin-bottom:7px;min-height:40px}.compact-hero .fidelity-state{justify-self:end}.compact-banner{padding:10px 13px;border-radius:14px;margin-bottom:10px}.compact-banner b{font-size:13px}.compact-banner span{font-size:10.5px}.fidelity-card{padding:14px;border-radius:15px}.section-heading{margin-bottom:10px;gap:9px}.section-heading h2{font-size:15px}.section-heading p{font-size:10.5px;line-height:1.35}.section-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}.field{gap:5px;margin-bottom:8px}.field input,.field select{padding:9px 10px;border-radius:10px;font-size:13px}.field>span{font-size:10.5px}.check-row{gap:9px;padding:8px 0}.check-row b{font-size:12px}.check-row small{font-size:10px;line-height:1.3}.check-row input{width:18px;height:18px;flex-basis:18px}.custom-prizes-wrap{padding:10px;border-radius:11px}.field textarea{min-height:86px;padding:9px 10px;font-size:12px}.cycle-note{padding:9px 10px;font-size:10.5px;line-height:1.4}.message-preview pre{padding:11px;font-size:10.5px;line-height:1.45}.preview-head{padding:8px 10px}.tool-links a{padding:10px}.save-dock{padding:10px 11px}.save-dock button{padding:10px 13px}
@media(max-width:760px){.fidelity-shell{padding-top:6px}.compact-hero{margin-bottom:4px}.fidelity-grid{gap:9px}.fidelity-card{padding:11px}.section-heading{margin-bottom:8px}.field-grid{gap:7px}.field-grid.two{grid-template-columns:1fr 1fr}.checks-grid{gap:0}.fidelity-banner{box-shadow:none}.save-dock{gap:6px}.save-dock>div{display:none}}
@media(max-width:430px){.field-grid.two{grid-template-columns:1fr 1fr}.field input,.field select{font-size:12px}.fidelity-shell{width:min(100% - 12px,1180px)}}


/* 2026-10-02 • categorias recolhidas por padrão + uso máximo da tela */
.fidelity-shell{padding-top:6px;padding-bottom:92px}
.fidelity-grid{gap:8px}
.fidelity-card{padding:10px 11px}
.collapsible-heading{margin:0!important;align-items:center!important;cursor:pointer;user-select:none;min-height:32px}
.collapsible-heading>div{min-width:0;flex:1}
.collapsible-heading p{display:none}
.section-chevron{margin-left:auto;color:var(--text-muted,#536268);font-size:12px;padding:7px}
.fidelity-card-body{padding-top:9px}
.fidelity-card-body[hidden]{display:none!important}
@media(max-width:760px){
  .fidelity-page{padding-bottom:118px}
  .fidelity-shell{width:min(100% - 10px,1180px);padding-top:2px;padding-bottom:86px}
  .compact-hero{min-height:34px;margin-bottom:2px}
  .compact-banner{margin-bottom:6px;padding:8px 11px}
  .fidelity-grid{gap:6px}
  .fidelity-card{padding:8px 10px;border-radius:13px}
  .section-icon{width:27px;height:27px;flex-basis:27px}
  .section-heading h2{font-size:13px}
  .fidelity-card-body{padding-top:7px}
  .save-dock{bottom:5px;padding:8px 9px}
}