.recovery-panel { --recovery-accent: #b5f0d4; }
.recovery-panel { width: min(780px, 100%); padding: clamp(20px, 4vw, 36px); border-radius: 28px; background: #111415; }
.recovery-panel .modal-head h2 { font-size: clamp(26px, 5vw, 38px); letter-spacing: -.045em; line-height: 1.12; }
.recovery-panel .eyebrow { color: var(--recovery-accent); letter-spacing: .15em; font-size: 10px; }
.recovery-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 24px 0; }
.recovery-stats > div { display: grid; gap: 8px; padding: 20px 14px; background: #1a2020; border: 1px solid #2b3732; border-radius: 18px; }
.recovery-stats strong { font-size: clamp(28px, 6vw, 42px); font-weight: 650; line-height: 1; letter-spacing: -.04em; color: var(--recovery-accent); }
.recovery-stats span { color: #abb8b2; font-size: 11px; line-height: 1.4; }
.recovery-section { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 24px 0; border-top: 1px solid #2a3130; }
.recovery-section h3 { margin: 0 0 10px; font-size: 18px; letter-spacing: -.02em; }
.recovery-section p { font-size: 13px; line-height: 1.65; margin: 0 0 16px; }
.recovery-section .btn-row { justify-content: flex-start; gap: 8px; }
.recovery-section .btn { min-height: 44px; border-radius: 12px; font-size: 12px; white-space: normal; }
.recovery-section .btn-primary { color: #14251b; background: var(--recovery-accent); border-color: var(--recovery-accent); }
.recovery-step { display: inline-block; font-size: 11px; font-weight: 650; color: #8eaa9d; padding-top: 4px; }
.recovery-note { color: #b4cbbd; background: #19241e; padding: 12px 14px; border-radius: 12px; }
.recovery-progress { color: #dce8e1; padding-top: 12px; }
.recovery-samples { display: grid; gap: 5px; }
.recovery-samples span { font-size: 11px; overflow-wrap: anywhere; color: #96aaa0; }
.recovery-errors { border: 1px solid #2c3630; border-radius: 14px; padding: 14px; margin: 0 0 24px; font-size: 12px; }
.recovery-errors summary { cursor: pointer; color: #c7d3cd; }
.recovery-errors p { color: #a8b5ae; overflow-wrap: anywhere; }
.recovery-panel [hidden] { display: none !important; }
.apple-pill-bar { gap: 14px; align-items: center; }
.apple-pill-status { min-width: 0; line-height: 1.5; font-size: 12px; }
.apple-pill-dot { flex: none; }
.apple-pill-bar .apple-link-btn { flex: none; max-width: 110px; text-align: right; }
.mg-thumb-unavailable { display: grid; place-items: center; }
.mg-thumb-unavailable::after { content: 'Vista previa pendiente'; color: var(--muted); font-size: 12px; padding: 18px; text-align: center; }
.mg-controls #mg-refresh { justify-self: end; font-size: 12px; min-height: 38px; border-radius: 12px; }
.recovery-panel button:focus-visible, .recovery-panel a:focus-visible, .recovery-panel summary:focus-visible { outline: 2px solid var(--recovery-accent); outline-offset: 4px; }
@media(max-width: 480px) {
  .recovery-panel { border-radius: 22px; padding: 20px 16px; }
  .recovery-stats { gap: 6px; }
  .recovery-stats > div { padding: 16px 10px; }
  .recovery-section { grid-template-columns: 22px minmax(0, 1fr); gap: 8px; }
  .recovery-section .btn-row { display: grid; grid-template-columns: 1fr; }
  .apple-pill-bar { border-radius: 18px; }
}


.mm-card{border:1px solid var(--line,#333);border-radius:16px;padding:16px;margin:16px 0;overflow-wrap:anywhere}.mm-card label{display:block;margin:12px 0}.mm-card select{width:100%;max-width:100%;color:inherit;background:#202124;padding:10px;border-radius:8px}.mm-images{display:flex;gap:12px}.mm-images figure{margin:0;flex:1;min-width:0}.mm-images img{width:100%;height:160px;object-fit:contain;background:#171719;border-radius:10px}.mm-images figcaption{font-size:12px;color:var(--muted)}.mm-reviewed{width:auto!important}

.home-device-storage{max-width:640px;margin:0 auto 20px;display:flex;gap:18px;align-items:center;justify-content:space-between}.home-device-storage h3{margin:0 0 6px}.home-device-storage p{margin:0}.storage-panel .storage-delete{margin-top:24px;padding-top:20px;border-top:1px solid var(--line,#333)}.storage-panel label{display:block;margin:14px 0;line-height:1.5}.storage-panel input[type=checkbox]{width:auto;margin-right:8px}.storage-panel .storage-confirm-label input{display:block;margin-top:8px}.storage-panel .ds-all{margin-top:12px;width:100%}.storage-panel .ds-status{margin-top:18px;overflow-wrap:anywhere}@media(max-width:520px){.home-device-storage{align-items:stretch;flex-direction:column}.home-device-storage .btn{width:100%}}