.ma-importer { display: grid; gap: 1.15rem; }
.ma-importer--account { background: #eee; border-radius: 18px; margin: 1.25rem 0; overflow: hidden; }
.ma-importer[hidden], .ma-importer__code[hidden], .ma-importer__pagination[hidden] { display: none !important; }
.ma-importer__overview, .ma-importer__section { min-width: 0; }
.ma-importer__overview > summary, .ma-importer__section > summary { cursor: pointer; list-style: none; }
.ma-importer__overview > summary::-webkit-details-marker, .ma-importer__section > summary::-webkit-details-marker { display: none; }
.ma-importer__overview > summary { border: 1px solid rgba(103, 19, 233, 0.18); border-radius: 18px; padding: 1rem; transition: border-color 0.2s ease, background-color 0.2s ease; }
.ma-importer__header > div { min-width: 0; width: 100%; }
.ma-importer__header p { max-width: none; }
.ma-importer__overview:not([open]) .ma-importer__header p { display: none; }
.ma-importer__overview > summary:hover, .ma-importer__overview > summary:focus-visible { background: #fbf9ff; border-color: rgba(103, 19, 233, 0.38); }
.ma-importer__overview[open] > summary { margin-bottom: 1rem; }
.ma-importer__body { display: grid; gap: 1.15rem; min-width: 0; }
.ma-importer__toolbar { align-items: stretch; display: flex; gap: 0.8rem; justify-content: space-between; }
.ma-importer__toolbar > .ma-button { align-self: center; flex: 0 0 auto; }
.ma-importer-install { align-items: center; background: #f7f4fd; border: 1px solid rgba(103, 19, 233, 0.18); border-radius: 15px; display: flex; gap: 0.75rem; min-width: 0; padding: 0.72rem 0.9rem; }
a.ma-importer-install { text-decoration: none; }
a.ma-importer-install:is(:hover, :focus-visible) { background: #ede5fc; border-color: #6713e9; }
a.ma-importer-install:focus-visible { outline: 2px solid #6713e9; outline-offset: 3px; }
.ma-importer-install__logo, .ma-importer-install__logos { align-items: center; color: #6713e9; display: inline-flex; flex: 0 0 auto; font-size: 1.45rem; gap: 0.45rem; }
.ma-importer-install__copy { display: grid; gap: 0.08rem; min-width: 0; }
.ma-importer-install__copy strong { color: #312442; font-size: 0.88rem; line-height: 1.25; }
.ma-importer-install__copy small { color: #716a79; font-size: 0.75rem; }
.ma-importer__toggle { align-items: center; color: #6713e9; display: inline-flex; font-size: 0.78rem; font-weight: 800; gap: 0.55rem; justify-self: end; white-space: nowrap; }
.ma-importer__toggle-copy::before { content: "Mostrar"; }
.ma-importer__overview[open] .ma-importer__toggle-copy::before { content: "Ocultar"; }
.ma-importer__toggle i, .ma-importer__section-chevron { transition: transform 0.2s ease; }
.ma-importer__overview[open] > summary .ma-importer__toggle i, .ma-importer__section[open] > summary .ma-importer__section-chevron { transform: rotate(180deg); }
.ma-importer__security, .ma-importer__pairing, .ma-importer__help { border-radius: 18px; display: grid; gap: 1rem; min-width: 0; padding: 1rem; }
.ma-importer__security { align-items: center; background: #f3effc; grid-template-columns: auto minmax(0, 1fr); }
.ma-importer__security-icon { align-items: center; background: #6713e9; border-radius: 14px; color: #fff; display: flex; font-size: 1.45rem; height: 48px; justify-content: center; width: 48px; }
.ma-importer__security p, .ma-importer__help p, .ma-importer__pairing p { color: #656171; margin: 0.25rem 0 0; }
.ma-importer__notice { margin: 0; }
.ma-importer__pairing { align-items: center; border: 1px solid rgba(103, 19, 233, 0.18); grid-template-columns: minmax(0, 1fr) minmax(250px, 0.62fr); }
.ma-importer__pairing h5 { margin: 0.2rem 0 0; }
.ma-importer__pairing .ma-button { margin-top: 0.85rem; }
.ma-importer__eyebrow { color: #6713e9; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.ma-importer__code { background: linear-gradient(145deg, #f8f5ff, #fff); border: 1px solid rgba(103, 19, 233, 0.2); border-radius: 16px; padding: 1rem; text-align: center; }
.ma-importer__code > span, .ma-importer__code > small { color: #6b6674; display: block; font-size: 0.78rem; }
.ma-importer__code > strong { color: #6713e9; display: block; font-size: clamp(1.7rem, 5vw, 2.45rem); letter-spacing: 0.12em; margin: 0.35rem 0; overflow-wrap: anywhere; }
.ma-importer__code-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 0.4rem 0.8rem; justify-content: center; }
.ma-importer__code-actions .ma-button { margin: 0; }
.ma-importer__section { border: 1px solid rgba(28, 37, 68, 0.12); border-radius: 16px; overflow: clip; }
.ma-importer__section-title { align-items: center; display: grid; gap: 0.65rem; grid-template-columns: minmax(0, 1fr) auto auto; padding: 0.9rem 1rem; }
.ma-importer__section-title:hover, .ma-importer__section-title:focus-visible { background: #faf8fe; }
.ma-importer__section-title > div { display: grid; gap: 0.18rem; min-width: 0; }
.ma-importer__section-title > div > strong { color: #211831; font-size: 1rem; font-weight: 800; }
.ma-importer__section-title > div > span, .ma-importer__section-meta { color: #77717e; font-size: 0.78rem; }
.ma-importer__section-meta { white-space: nowrap; }
.ma-importer__section-chevron { color: #6713e9; }
.ma-importer__section-body { border-top: 1px solid rgba(28, 37, 68, 0.09); padding: 0.9rem 1rem 1rem; }
.ma-importer__device-list { display: grid; gap: 0.7rem; }
.ma-importer-device { align-items: center; border: 1px solid rgba(28, 37, 68, 0.12); border-radius: 15px; display: grid; gap: 0.85rem; grid-template-columns: minmax(0, 1fr) auto; padding: 0.9rem; }
.ma-importer-device[data-status="revoked"] { background: #f7f7f8; opacity: 0.76; }
.ma-importer-device__copy, .ma-importer-device__title { display: flex; flex-wrap: wrap; gap: 0.25rem 0.65rem; min-width: 0; }
.ma-importer-device__copy { flex-direction: column; }
.ma-importer-device__title { align-items: center; }
.ma-importer-device__copy span, .ma-importer-device__copy small { color: #6b6674; overflow-wrap: anywhere; }
.ma-importer-device__status { background: #e7f8ef; border-radius: 999px; color: #126437 !important; font-size: 0.72rem; font-weight: 800; padding: 0.23rem 0.55rem; }
.ma-importer-device[data-status="revoked"] .ma-importer-device__status { background: #ecebed; color: #625e68 !important; }
.ma-importer__empty { color: #6b6674; margin: 0; padding: 0.7rem 0; }
.ma-importer__profiles { display: grid; gap: 0.55rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ma-importer__profile { background: #f7f4fd; border: 1px solid rgba(103, 19, 233, 0.16); border-radius: 13px; display: grid; gap: 0.1rem; min-width: 0; padding: 0.65rem 0.8rem; }
.ma-importer__profile strong { color: #4c1595; font-size: 0.84rem; }
.ma-importer__profile small { color: #6b6674; overflow-wrap: anywhere; }
.ma-importer__pagination { align-items: center; display: flex; flex-wrap: wrap; gap: 0.7rem; justify-content: flex-end; margin-top: 0.85rem; }
.ma-importer__pagination .ma-button { margin: 0; }
.ma-importer__page-status { color: #6b6674; font-size: 0.78rem; font-weight: 700; }
.ma-importer__help { background: #f7f8fc; gap: 0; }
@media (max-width: 760px) {
  .ma-importer__pairing { grid-template-columns: 1fr; }
  .ma-importer-device { align-items: stretch; grid-template-columns: 1fr; }
  .ma-importer-device .ma-button { justify-self: start; }
  .ma-importer__profiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .ma-importer__overview > summary, .ma-importer__section-title { grid-template-columns: minmax(0, 1fr) auto; }
  .ma-importer__section-meta { display: none; }
  .ma-importer__toolbar { align-items: stretch; flex-direction: column; justify-content: stretch; }
  .ma-importer__toolbar .ma-button { width: 100%; }
  .ma-importer__profiles { grid-template-columns: 1fr; }
  .ma-importer__pagination { justify-content: space-between; }
}