/* Saldo de milhas: card da inicial, gerenciar, adicionar e configurar programa. Usa os tokens de membros.css. */
.mi-home{padding:24px 28px;display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:transform .15s}
.mi-home:hover{transform:translateY(-1px)}
.mi-home:focus-visible{outline:2px solid var(--b500);outline-offset:3px}
.mi-topo{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mi-ver{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--b700)}
.mi-corpo{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mi-num{font-size:40px;line-height:1;font-weight:650;letter-spacing:-1.2px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.mi-num small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--text);margin-left:6px}
.mi-plates{display:grid;grid-template-columns:repeat(3,minmax(0,170px));gap:8px}
.mi-plate{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.7);border:1px solid var(--line);min-width:0}
.mi-plate-n{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ter);min-width:0}
.mi-plate-n span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi-plate b{font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.mi-plate .mk{color:var(--ink)}
.mi-mais{font-size:12.5px;color:var(--ter)}
.mi-vazio{display:flex;align-items:center;gap:16px}
.mi-vazio>div{display:flex;flex-direction:column;gap:4px;flex:1}
.mi-vazio b{font-size:17px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}

/* Gerenciar */
.mi-total{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mi-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mi-card{padding:20px 22px;border-radius:20px;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.mi-cab{display:flex;align-items:center;gap:12px;min-width:0}
.mi-cab b{font-size:16px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi-mk{width:44px;height:44px;flex:none;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.mi-saldo{font-size:26px;font-weight:650;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums}
.mi-saldo small{font-size:14px;font-weight:500;color:var(--text);letter-spacing:0;margin-left:5px}
.mi-acoes{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.mi-rem{background:none;border:0;padding:6px 2px;font:600 14px Inter,sans-serif;color:var(--ter);cursor:pointer}
.mi-rem:hover{color:#9A3B2A}
.mi-conf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink)}
.mi-conf[hidden],.mi-acoes[hidden]{display:none}
.btn-perigo{background:#9A3B2A;color:#FBF7EE}
.mi-sem{padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}

/* Passos */
.mi-passo{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ter)}
.mi-passo i{width:18px;height:4px;border-radius:2px;background:var(--line)}
.mi-passo i.on{background:var(--b500)}
.mi-passo span{margin-left:6px}

/* Adicionar: reaproveita a lista do transferir */
.mi-add-tag{flex:none;font-size:12.5px;font-weight:600;color:var(--b700)}
.mi-plus{width:30px;height:30px;flex:none;border-radius:50%;border:1px solid var(--b300);color:var(--b700);display:flex;align-items:center;justify-content:center}
.mi-grupo[hidden]{display:none}

/* Configurar */
.mi-form{max-width:560px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.mi-id{padding:26px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.mi-id .mi-mk{width:84px;height:84px;border-radius:22px}
.mi-con{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--soft);border:1px solid var(--line);width:100%;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.mi-con:hover{border-color:var(--b300)}
.mi-con>div{display:flex;flex-direction:column;gap:2px;flex:1}
.mi-con b{font-size:15px;font-weight:600}
.mi-raio{width:36px;height:36px;flex:none;border-radius:50%;background:var(--panel);color:var(--b700);display:flex;align-items:center;justify-content:center}
.mi-div{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ter)}
.mi-div::before,.mi-div::after{content:"";flex:1;height:1px;background:var(--line)}
.mi-campo{position:relative}
.mi-campo .input{width:100%;padding-right:76px}
.mi-suf{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--ter);pointer-events:none}
.mi-nota{font-size:13px;color:var(--ter)}

@container m (max-width:640px){
  .mi-home{padding:20px}
  .mi-corpo{flex-direction:column;align-items:stretch;gap:14px}
  .mi-num{font-size:34px}
  .mi-plates{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mi-plate{padding:9px 10px}
  .mi-plate b{font-size:14px}
  .mi-total{padding:20px;flex-direction:column;align-items:stretch}
  .mi-lista{grid-template-columns:minmax(0,1fr)}
  .mi-card{padding:18px}
  .mi-id{padding:22px 18px}
}