.me-card { display: flex; align-items: center; gap: 14px; padding: 18px; background: linear-gradient(135deg, #1e7a5a, #2f9a72); color: #fff; }
.me-av { width: 60px; height: 60px; border-radius: 20px; background: rgba(255, 255, 255, .2); display: grid; place-items: center; font-size: 32px; flex: none; }
.me-mid { min-width: 0; }
.me-mid b { display: block; font-size: 20px; }
.me-mid small { display: block; font-size: 14px; opacity: .9; margin-top: 2px; }
.me-mid .me-lic { font-size: 12px; opacity: .75; }
.ind { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px; margin-bottom: 10px; text-align: left; background: #fff; border-radius: 20px; border: 2px solid transparent; box-shadow: var(--shadow); }
.ind.on { border-color: var(--green); background: #f3faf6; }
.ind-ic { width: 48px; height: 48px; border-radius: 15px; background: var(--orange-l); display: grid; place-items: center; font-size: 26px; flex: none; }
.ind-mid { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ind-mid b { font-size: 18px; }
.ind-mid small { font-size: 13px; color: var(--ink-2); margin-top: 2px; }
.ind-radio { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #cfc8bb; flex: none; position: relative; }
.ind.on .ind-radio { border-color: var(--green); background: var(--green); }
.ind.on .ind-radio::after { content: "✓"; position: absolute; inset: 0; color: #fff; font-size: 14px; font-weight: 700; display: grid; place-items: center; }
.me-list { padding: 2px 14px; }
.me-row { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 0; text-align: left; border-bottom: 1px solid var(--line); }
.me-row:last-child { border-bottom: 0; }
.me-ic { font-size: 24px; width: 32px; text-align: center; flex: none; }
.me-t { flex: 1; display: flex; flex-direction: column; font-size: 17px; font-weight: 600; min-width: 0; }
.me-t small { font-size: 13px; color: var(--ink-2); font-weight: 400; margin-top: 1px; }
.me-val { font-size: 14px; color: var(--ink-2); }
.me-go { font-size: 22px; color: var(--ink-3); }
.switch { width: 52px; height: 30px; border-radius: 99px; background: #d9d3c7; position: relative; flex: none; transition: .2s; }
.switch i { position: absolute; left: 3px; top: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: .2s; }
.switch.on { background: #34b27a; }
.switch.on i { left: 25px; }
