.loyalty-card{background:linear-gradient(115deg,#f4f8e6,#fff);margin-bottom:24px;border-color:#cad9ab}
.loyalty-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #bdd2b9;border-radius:16px;color:#224d2b;background:#eef6e9;white-space:nowrap}
.tone-teal{background:#e3f3f0;color:#245e56;border-color:#9accc3}.tone-blue{background:#eaf0ff;color:#2a477d;border-color:#b0c3ed}.tone-purple{background:#f1eaff;color:#623584;border-color:#d0b9e6}.tone-amber{background:#fff4da;color:#765316;border-color:#e8c976}.tone-rose{background:#ffe8eb;color:#8d2e42;border-color:#e2a7b5}
.loyalty-meta{display:block}.loyalty-progress{display:grid;gap:7px;margin:20px 0}.loyalty-progress progress{width:100%;height:10px;border:0;border-radius:10px;overflow:hidden;accent-color:#5b8060;background:#e1e9d7}.loyalty-progress progress::-webkit-progress-bar{background:#e1e9d7}.loyalty-progress progress::-webkit-progress-value{background:#5b8060;border-radius:10px}
.loyalty-path,.loyalty-numbers{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.loyalty-numbers span{font-size:12px;background:#fff9;padding:8px 12px;border-radius:8px}.loyalty-nav{margin-bottom:20px}.loyalty-content>.panel{margin-bottom:22px}.loyalty-content td{white-space:normal;min-width:95px;max-width:250px;overflow-wrap:anywhere}.loyalty-content form>label{margin:12px 0}fieldset{border:1px solid var(--line);border-radius:14px;margin:16px 0;padding:16px}legend{font-weight:bold;padding:0 8px}fieldset>label{margin-top:12px}details>summary{cursor:pointer;margin:16px 0}details>form{padding:15px;background:#f5f7f0;border-radius:14px}#modal-body form>label{margin:12px 0}.sidebar{overflow-y:auto}[hidden]{display:none!important}
@media(max-width:740px){.loyalty-card .section-title{align-items:flex-start}.loyalty-path{display:grid;grid-template-columns:repeat(2,1fr)}.loyalty-numbers{display:grid;grid-template-columns:1fr 1fr}.loyalty-badge{font-size:14px}.loyalty-card h2{font-size:18px}.loyalty-content>.panel{padding:16px}.loyalty-nav button{flex:1}fieldset{padding:12px}}
