/* Cartão "Configuração manual" do fim do assistente */
.manual { border: 1px solid var(--line); background: var(--bg-2); border-radius: 18px; margin-top: 14px; overflow: hidden; }
.manual summary { list-style: none; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 18px 22px; cursor: pointer; }
.manual summary::-webkit-details-marker { display: none; }
.manual .mi { width: 44px; height: 44px; border-radius: 12px; background: var(--panel); display: grid; place-items: center; color: var(--soft); }
.manual summary b { display: block; font-size: 16px; }
.manual summary small { color: var(--soft); font-size: 13px; }
.manual .caret { color: var(--muted); font-size: 18px; transition: transform .2s; }
.manual[open] .caret { transform: rotate(180deg); }
.manual-body { border-top: 1px solid var(--line); padding: 4px 22px 18px; }
.manual .mb { padding: 18px 0; display: grid; gap: 10px; justify-items: start; }
.manual .mb + .mb { border-top: 1px solid var(--line); }
.manual .mb h3 { margin: 0; font-size: 16px; }
.manual .mb .hint { margin: 0; }
.manual .mb-url { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: start; width: 100%; }
.manual .mb-steps { margin: 6px 0 0; padding-left: 20px; color: var(--soft); font-size: 13.5px; line-height: 1.8; }
.manual .mb-steps a { color: var(--accent); }
.manual .mb-warn { grid-template-columns: minmax(0, 1fr) auto; align-items: center; width: 100%; }
.manual .mb-warn b { display: block; margin-bottom: 4px; }
.manual .mb-warn small { color: var(--soft); font-size: 13px; line-height: 1.5; }
@media (max-width: 640px) {
  .manual .mb-url, .manual .mb-warn { grid-template-columns: minmax(0, 1fr); }
  .manual .qr-box { justify-self: center; }
}