/* Buscador de tareas AMM */
.amm-open-btn { background: var(--theme-accent-dim); border: 1px solid var(--theme-accent); color: var(--theme-accent); border-radius: 6px; padding: 3px 7px; font-family: var(--font-code); font-size: 10px; font-weight: 800; letter-spacing: 1px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.amm-open-btn svg { width: 12px; height: 12px; fill: currentColor; }
#ammModal { display: none; position: fixed; inset: 0; background: rgba(2, 4, 10, 0.72); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); z-index: 99999; justify-content: center; align-items: flex-start; }
#ammModal.open { display: flex; }
.amm-panel { width: 100%; max-width: 640px; height: 100%; display: flex; flex-direction: column; padding: calc(env(safe-area-inset-top) + 42px) 14px 0; box-sizing: border-box; } /* bajo la franja de arriba (ver body::before) */
.amm-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.amm-title { font-family: var(--font-code); font-weight: 800; letter-spacing: 2px; font-size: 14px; color: #fff; }
.amm-title span { color: var(--theme-accent); text-shadow: 0 0 10px var(--theme-accent-glow); }
.amm-close { background: none; border: 1px solid rgba(255,255,255,0.25); color: #fff; width: 34px; height: 34px; border-radius: 50%; font-size: 15px; cursor: pointer; }
.amm-input { width: 100%; box-sizing: border-box; font-size: 17px; padding: 13px 14px; border-radius: 10px; border: 1.5px solid var(--theme-accent); background: rgba(8,12,22,0.6); color: #fff; outline: none; box-shadow: 0 0 14px var(--theme-accent-dim); }
.amm-chips { display: flex; gap: 6px; overflow-x: auto; padding: 10px 0 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.amm-chips::-webkit-scrollbar { display: none; }
.amm-chip { flex: 0 0 auto; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.18); color: #cfd8e3; border-radius: 14px; padding: 4px 10px; font-family: var(--font-code); font-size: 12px; font-weight: 700; cursor: pointer; }
.amm-chip.on { background: var(--theme-accent); color: #000; border-color: var(--theme-accent); }
.amm-count { font-size: 11px; color: #8a97a8; padding: 4px 2px 8px; font-family: var(--font-code); }
.amm-results { flex: 1; overflow-y: auto; padding-bottom: 40px; -webkit-overflow-scrolling: touch; }
.amm-card { background: rgba(8,12,22,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.1); border-left: 3px solid var(--theme-accent); border-radius: 8px; padding: 9px 11px; margin-bottom: 8px; }
.amm-card-top { display: flex; gap: 8px; align-items: flex-start; }
.amm-cap { flex: 0 0 auto; background: var(--theme-accent-dim); color: var(--theme-accent); border-radius: 4px; padding: 1px 6px; font-family: var(--font-code); font-size: 11px; font-weight: 800; margin-top: 1px; }
.amm-name { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.8); font-size: 14px; line-height: 1.3; font-weight: 600; }
.amm-card-bot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 7px; }
.amm-code { font-family: var(--font-code); font-size: 16px; font-weight: 800; color: var(--theme-accent); word-break: break-all; }
.amm-nocode { font-size: 12px; font-weight: 400; color: #8a97a8; }
.amm-copy { flex: 0 0 auto; background: transparent; border: 1px solid var(--theme-accent); color: var(--theme-accent); border-radius: 6px; padding: 6px 12px; font-size: 12px; font-weight: 700; cursor: pointer; }
.amm-copy.ok { background: var(--theme-accent); color: #000; }
.amm-empty { color: #8a97a8; text-align: center; font-size: 13px; padding: 18px 8px; }
.amm-chap { width: 100%; box-sizing: border-box; margin-top: 8px; font-size: 14px; padding: 9px 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2); background: rgba(8,12,22,0.6); color: #cfd8e3; }
.amm-sub { color: #9fb0c4; font-size: 11.5px; line-height: 1.25; margin-top: 2px; font-style: italic; }

/* iPhone: si la letra se ve a menos de 16px, Safari hace zoom al abrir el teclado. La página
   arranca a escala 0.85 (viewport), así que 19px × 0.85 ≈ 16px visibles */
input, select, textarea { font-size: 19px !important; }

/* iPhone con isla/cámara: la zona de arriba deja ver la app pasando por debajo y el sistema la
   emborrona. Una franja fija del color del fondo la tapa (app desde el icono: mide lo que la
   isla). En Safari esa zona mide 0, pero Safari 26 pinta su barra de arriba del color de lo
   que esté fijo arriba en vez de emborronar, por eso la franja nunca baja de 6px.
   El borroso de iOS 26 baja más que la isla (tapaba AMM/owner/carrito): la franja y el
   contenido empiezan 30px más abajo, y la franja acaba en degradado para que no se note el corte */
html { background-color: var(--bg-cockpit); }
body { padding-top: calc(env(safe-area-inset-top) + 42px); }
body::before {
  content: ''; position: fixed; top: 0; left: 0; right: 0;
  height: calc(max(env(safe-area-inset-top), 6px) + 30px);
  background: linear-gradient(var(--bg-cockpit) 75%, transparent);
  z-index: 400000; pointer-events: none;
}