.loyalty-phase1{display:grid;gap:18px}.loyalty-separation{display:grid;grid-template-columns:1fr 1fr;gap:12px}.loyalty-separation article{display:grid;gap:5px;padding:16px;border:1px solid #d7e2ca;border-radius:11px;background:#f8fbf4}.loyalty-separation small,.loyalty-phase-grid small{font-size:10px;letter-spacing:.08em;color:#6c776d}.loyalty-separation strong{font-size:18px}.loyalty-separation span,.loyalty-phase-grid span{color:#68736b;font-size:12px;line-height:1.45}.loyalty-phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.loyalty-phase-grid article{display:grid;gap:5px;padding:14px;border:1px solid #e0e5dd;border-radius:9px;background:#fff}.loyalty-phase-grid strong{font-size:16px}.loyalty-columns{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:14px}.loyalty-columns>section{padding:18px;border:1px solid #dfe5dc;border-radius:10px;background:#fff}.loyalty-columns form{display:grid;gap:10px}.loyalty-customer-list{display:grid;gap:8px}.loyalty-customer-list article{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:10px;align-items:center;padding:11px;border:1px solid #e3e8e0;border-radius:8px}.loyalty-customer-list span{display:grid}.loyalty-customer-list small{color:#727b74}.loyalty-customer-list code{font-size:11px}.loyalty-customer-list b{padding:4px 8px;border-radius:20px;background:#eef4e4;color:#57751f;font-size:10px;text-transform:uppercase}@media(max-width:1000px){.loyalty-phase-grid{grid-template-columns:1fr 1fr}.loyalty-columns{grid-template-columns:1fr}}@media(max-width:650px){.loyalty-separation,.loyalty-phase-grid{grid-template-columns:1fr}.loyalty-customer-list article{grid-template-columns:1fr}.loyalty-customer-list code{overflow-wrap:anywhere}}
