:root{--brand:#7c3aed;--ink:#1f2937;--muted:#6b7280;--line:#e5d9f7}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;color:var(--ink);background:#f6f4fb;line-height:1.6}.wrap{max-width:560px;margin:0 auto;padding:24px 16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.card__head{background:var(--brand);color:#fff;padding:20px 24px}.card__body{padding:24px}.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0ecfa}.row:last-child{border-bottom:none}.row b{color:var(--muted);font-weight:600}.btns{display:flex;gap:12px;margin-top:24px}.btn,button{flex:1 1;padding:14px 16px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer}.btn--approve{background:#16a34a;color:#fff}.btn--reject{background:#dc2626;color:#fff}.note{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:15px;margin-top:12px}.status{text-align:center;padding:32px 16px}.status--ok{color:#16a34a}.status--bad{color:#dc2626}.status--muted{color:var(--muted)}